.auth-body { min-height: 100vh; padding: clamp(1rem,4vw,3rem); background: radial-gradient(circle at 12% 10%,rgba(0,112,192,.2),transparent 25rem),radial-gradient(circle at 90% 90%,rgba(255,80,16,.12),transparent 28rem),#f5f8fc; }
.auth-shell { display: grid; min-height: calc(100vh - clamp(2rem,8vw,6rem)); place-items: center; }
.auth-card { display: grid; overflow: hidden; width: min(100%,68rem); min-height: 40rem; background: #fff; border: 1px solid rgba(0,64,112,.1); border-radius: 1.7rem; box-shadow: 0 2rem 6rem rgba(0,31,72,.18); grid-template-columns: 1.05fr .95fr; }
.auth-visual { display: flex; padding: clamp(2rem,5vw,4rem); color: #fff; background: radial-gradient(circle at 90% 5%,rgba(255,80,16,.28),transparent 20rem),linear-gradient(150deg,#000030,#00005d 55%,#0070c0); flex-direction: column; }
.auth-brand { display: inline-flex; align-items: center; align-self: flex-start; gap: .75rem; color: #fff; text-decoration: none; }
.auth-visual__copy { margin-block: auto; }
.auth-visual__copy > span { color: #ff8752; font-size: .75rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.auth-visual__copy h1 { margin: .8rem 0; font-size: clamp(2.2rem,5vw,4rem); font-weight: 950; letter-spacing: -.055em; line-height: 1; }
.auth-visual__copy p { max-width: 30rem; color: rgba(255,255,255,.7); font-size: 1.02rem; }
.auth-features { display: flex; flex-wrap: wrap; gap: .6rem; }
.auth-features span { padding: .48rem .7rem; color: rgba(255,255,255,.8); background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.12); border-radius: 999px; font-size: .7rem; font-weight: 700; }
.auth-form-wrap { display: flex; justify-content: center; padding: clamp(2rem,5vw,4rem); flex-direction: column; }
.auth-form-heading { margin-bottom: 2rem; }
.auth-form-heading p,.auth-kicker { margin: 0 0 .35rem; color: #0070c0; font-size: .72rem; font-weight: 850; letter-spacing: .14em; }
.auth-form-heading h2 { margin: 0; color: #000040; font-size: 2.1rem; font-weight: 920; }
.auth-form-heading > span:last-child { color: #637086; }
.auth-mobile-mark { display: none; }
.auth-links { display: flex; justify-content: center; gap: 1.2rem; margin-top: 1.6rem; font-size: .76rem; }
.auth-links a { color: #005a9c; text-decoration: none; }
.auth-message-card { width: min(100%,38rem); padding: clamp(2rem,6vw,4rem); background: #fff; border-radius: 1.5rem; box-shadow: 0 1.5rem 4rem rgba(38,25,78,.15); text-align: center; }
.auth-message-icon { display: block; margin-bottom: 1rem; font-size: 4.5rem; }
.auth-message-card h1 { color: #2e2348; font-weight: 900; }
.auth-message-card > p:not(.auth-kicker) { color: #796f8b; }
@media (max-width: 899.98px) { .auth-card { max-width: 34rem; min-height: auto; grid-template-columns: 1fr; } .auth-visual { display: none; } .auth-mobile-mark { display: inline-grid; overflow: hidden; width: 3.4rem; height: 3.4rem; margin-bottom: 1.2rem; place-items: center; color: #fff; background: #000040; border-radius: .9rem; font-size: 1.5rem; } }