.auth-page{
    min-height:100vh;
    background:var(--bg);
    color:var(--text);
}

.auth-shell{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
}

.auth-card{
    width:min(100%, 390px);
    display:flex;
    flex-direction:column;
    gap:16px;
    background:var(--panel);
    border:1px solid var(--border);
    border-radius:12px;
    box-shadow:var(--shadow);
    padding:24px;
}

.auth-card[hidden]{
    display:none;
}

.auth-trial-card{
    width:min(100%, 460px);
}

.auth-brand{
    display:flex;
    flex-direction:column;
    gap:6px;
    margin-bottom:4px;
}

.auth-brand span{
    color:var(--text2);
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
}

.auth-brand strong{
    color:var(--text);
    font-size:26px;
    line-height:1.2;
}

.auth-card label{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.auth-card label span{
    color:var(--text2);
    font-size:13px;
    font-weight:700;
}

.auth-card input{
    border:1px solid transparent;
}

.auth-card input:focus{
    border-color:var(--primary);
}

.auth-error{
    color:#FFD2D2;
    background:rgba(235,87,87,.16);
    border:1px solid rgba(235,87,87,.55);
    border-radius:10px;
    padding:12px;
    font-weight:700;
}

.auth-error.success{
    color:#BFF2D1;
    background:rgba(39,174,96,.16);
    border-color:rgba(39,174,96,.55);
}

.auth-secondary{
    border:1px solid var(--border);
    background:var(--panel2);
    color:var(--text);
}