.auth-panel-shell{
    position:relative;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 26px 70px rgba(13,110,253,.25);
    animation:authFadeIn .55s ease;
}

.auth-panel-shell::before{
    content:"";
    position:absolute;
    inset:0;
    background:var(--stf-gradient);
    z-index:0;
}

.auth-panel-shell::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 15% 15%, rgba(255,255,255,.28), transparent 46%),
        radial-gradient(circle at 80% 85%, rgba(255,255,255,.12), transparent 44%);
    z-index:1;
}

.auth-panel-content{
    position:relative;
    z-index:2;
    padding:2rem;
    backdrop-filter:blur(18px);
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.25);
    color:#fff;
}

.auth-brand-chip{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    border-radius:999px;
    padding:.35rem .8rem;
    border:1px solid rgba(255,255,255,.4);
    background:rgba(0,0,0,.14);
    font-size:.82rem;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.auth-brand-dot{
    width:10px;
    height:10px;
    border-radius:50%;
    background:#ffd24d;
    box-shadow:0 0 0 6px rgba(255,210,77,.18);
}

.auth-title{
    font-size:1.85rem;
    line-height:1.15;
}

.auth-subtitle{
    color:rgba(255,255,255,.85);
}

.auth-panel-shell .form-label{
    color:#fff;
    font-weight:600;
}

.auth-input{
    border-radius:12px;
    border:1px solid rgba(255,255,255,.38);
    background:rgba(255,255,255,.94);
    padding:.65rem .85rem;
}

.auth-input:focus{
    border-color:#fff;
    box-shadow:0 0 0 .2rem rgba(255,255,255,.22);
}

.auth-link{
    color:#fff;
    text-decoration:none;
    border-bottom:1px solid rgba(255,255,255,.55);
}

.auth-link:hover{
    color:#fff;
    border-bottom-color:#fff;
}

.auth-cta{
    border:0;
    border-radius:12px;
    padding:.7rem 1rem;
    font-weight:700;
    color:#1a1a1a;
    background:linear-gradient(120deg,#ffd24d,#ffc107);
    box-shadow:0 12px 30px rgba(0,0,0,.2);
    transition:transform .2s ease, box-shadow .2s ease;
}

.auth-cta:hover{
    transform:translateY(-1px);
    box-shadow:0 16px 32px rgba(0,0,0,.25);
    color:#1a1a1a;
}

.auth-check,
.auth-check-label{
    color:rgba(255,255,255,.95);
}

.auth-alert{
    border:0;
    border-radius:12px;
    font-size:.92rem;
}

.auth-alert.alert-success{
    background:rgba(198,255,220,.95);
    color:#0f5132;
}

.auth-alert.alert-danger{
    background:rgba(255,223,228,.95);
    color:#842029;
}

@keyframes authFadeIn{
    from{
        opacity:0;
        transform:translateY(10px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}