.na-identity-page .na-page-inner{
    gap:32px;
}

.na-identity-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    align-items:center;
    margin-bottom:6px;
}

.na-identity-message{
    border:1px solid rgba(255,255,255,.12);
    border-radius:18px;
    padding:14px 18px;
    background:rgba(255,255,255,.045);
    color:rgba(255,255,255,.82);
}

.na-identity-message.is-success{
    border-color:rgba(0,212,255,.34);
    box-shadow:0 0 24px rgba(0,212,255,.08);
}

.na-identity-message.is-warning{
    border-color:rgba(255,45,141,.34);
    box-shadow:0 0 24px rgba(255,45,141,.08);
}

.na-identity-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.na-identity-hero-card{
    grid-column:span 2;
    min-height:210px;
    background:
        radial-gradient(circle at 20% 20%, rgba(139,92,246,.22), transparent 34%),
        radial-gradient(circle at 80% 10%, rgba(0,212,255,.16), transparent 32%),
        rgba(255,255,255,.045);
}

.na-identity-hero-card strong{
    display:block;
    font-family:Rajdhani, Inter, sans-serif;
    font-size:clamp(4rem, 8vw, 7.4rem);
    line-height:.85;
    letter-spacing:-.06em;
    margin:14px 0 18px;
}

.na-identity-card h3{
    margin:12px 0 10px;
    font-family:Rajdhani, Inter, sans-serif;
    font-size:2.2rem;
    line-height:1;
}

.na-identity-card p,
.na-identity-hero-card p{
    color:rgba(255,255,255,.64);
    line-height:1.55;
    margin:0;
}


.na-identity-foundation{
    border:1px solid rgba(255,255,255,.1);
    border-radius:28px;
    padding:24px;
    background:
        radial-gradient(circle at 8% 0%, rgba(139,92,246,.12), transparent 30%),
        radial-gradient(circle at 100% 100%, rgba(0,212,255,.09), transparent 34%),
        rgba(255,255,255,.025);
}

.na-identity-foundation-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:18px;
}

.na-identity-foundation-heading h2{
    margin:8px 0 0;
    font-family:Rajdhani, Inter, sans-serif;
    font-size:clamp(1.55rem, 3vw, 2.15rem);
    line-height:1;
    text-transform:uppercase;
}

.na-identity-foundation-summary{
    border:1px solid rgba(255,255,255,.12);
    border-radius:999px;
    padding:9px 13px;
    font-size:.76rem;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
    white-space:nowrap;
}

.na-identity-foundation-summary.is-ready{
    border-color:rgba(34,197,94,.42);
    background:rgba(34,197,94,.09);
    color:#9ff3b7;
}

.na-identity-foundation-summary.is-pending{
    border-color:rgba(255,45,141,.4);
    background:rgba(255,45,141,.08);
    color:#ff9bc6;
}

.na-identity-checklist{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.na-identity-check{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    min-width:0;
    border:1px solid rgba(255,255,255,.09);
    border-radius:18px;
    padding:15px 16px;
    background:rgba(255,255,255,.035);
}

.na-identity-check-icon{
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    border-radius:12px;
    font-weight:900;
}

.na-identity-check div{
    min-width:0;
}

.na-identity-check strong,
.na-identity-check div > span{
    display:block;
}

.na-identity-check strong{
    color:#fff;
    font-size:.94rem;
}

.na-identity-check div > span{
    margin-top:3px;
    color:rgba(255,255,255,.55);
    font-size:.8rem;
    line-height:1.35;
}

.na-identity-check-state{
    font-size:.7rem;
    font-weight:900;
    letter-spacing:.08em;
}

.na-identity-check.is-ready{
    border-color:rgba(34,197,94,.28);
}

.na-identity-check.is-ready .na-identity-check-icon{
    color:#9ff3b7;
    background:rgba(34,197,94,.12);
    border:1px solid rgba(34,197,94,.34);
}

.na-identity-check.is-ready .na-identity-check-state{
    color:#75e89b;
}

.na-identity-check.is-pending{
    border-color:rgba(255,45,141,.25);
}

.na-identity-check.is-pending .na-identity-check-icon{
    color:#ff9bc6;
    background:rgba(255,45,141,.1);
    border:1px solid rgba(255,45,141,.3);
}

.na-identity-check.is-pending .na-identity-check-state{
    color:#ff87bc;
}

@media (max-width:1100px){
    .na-identity-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .na-identity-hero-card{
        grid-column:span 2;
    }

}

@media (max-width:720px){
    .na-identity-actions{
        flex-direction:column;
        align-items:stretch;
    }

    .na-identity-actions .na-button,
    .na-identity-actions a{
        width:100%;
        justify-content:center;
        text-align:center;
    }

    .na-identity-grid{
        grid-template-columns:1fr;
    }

    .na-identity-hero-card{
        grid-column:auto;
        min-height:auto;
    }

    .na-identity-foundation{
        padding:18px;
        border-radius:22px;
    }

    .na-identity-foundation-heading{
        align-items:flex-start;
        flex-direction:column;
    }

    .na-identity-checklist{
        grid-template-columns:1fr;
    }

    .na-identity-check{
        grid-template-columns:auto minmax(0,1fr);
    }

    .na-identity-check-state{
        grid-column:2;
    }
}