.auth-shell {
    display:flex; justify-content:center; align-items:center;
    min-height:70vh; padding:40px 0; animation:fadeIn .5s ease-out;
    position:relative;
}
.auth-shell::before {
    content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
    width:500px; height:500px;
    background:radial-gradient(circle, rgba(124,92,252,0.08) 0%, rgba(255,107,91,0.04) 50%, transparent 70%);
    pointer-events:none;
}
.card-login {
    position:relative; width:100%; max-width:440px;
    background:#fff; border-radius:var(--radius-xl);
    padding:44px 38px; box-shadow:var(--shadow-lg);
    overflow:hidden;
}
.card-login::before {
    content:''; position:absolute; top:0; left:0; right:0; height:4px;
    background: var(--violet);
}
.card-login .eyebrow { margin-bottom:6px; }
.card-login h2 { font-size:2rem; margin-bottom:8px; }
.card-login > p { color:var(--text-muted); margin-bottom:28px; font-size:.9rem; }
.form-group { margin-bottom:18px; }
.form-group label { display:block; margin-bottom:6px; font-weight:600; font-size:.84rem; color:var(--text-secondary); text-transform:uppercase; letter-spacing:.06em; }
.form-group input {
    width:100%; padding:14px 18px;
    background:var(--surface); border:2px solid transparent;
    border-radius:var(--radius); color:var(--text);
    font-size:.95rem; font-family:var(--font-body);
    transition:all .3s;
}
.form-group input:focus { outline:none; border-color:var(--violet); background:#fff; box-shadow:0 0 0 4px var(--violet-glow); }
.form-group input::placeholder { color:var(--text-muted); }
.btn-login {
    width:100%; padding:15px;
    background: var(--coral);
    color:#182534; border:none; border-radius:999px;
    font-size:1rem; font-weight:700; cursor:pointer; font-family:var(--font-body);
    box-shadow: var(--shadow-color); transition:all .35s;
}
.btn-login:hover { transform:translateY(-2px); box-shadow: 0 14px 30px rgba(212,167,61,.24); }
.extra-links { display:flex; justify-content:space-between; margin-top:18px; }
.extra-links a { color:var(--violet); font-size:.86rem; font-weight:600; }
.extra-links a:hover { color:var(--coral); }