.auth-page { min-height: 100vh; background: linear-gradient(135deg, #07162b, #11315d 54%, #0d7490); display: grid; place-items: center; padding: 2rem; }
.auth-shell { width: min(1100px, 100%); display: grid; grid-template-columns: 1.1fr .9fr; overflow: hidden; border: 1px solid rgba(255,255,255,.18); border-radius: 24px; background: rgba(255,255,255,.12); backdrop-filter: blur(18px); box-shadow: 0 30px 90px rgba(0,0,0,.28); }
.auth-hero { color: #fff; padding: 3rem; background: radial-gradient(circle at 20% 20%, rgba(86,204,242,.28), transparent 22rem); }
.auth-card { background: color-mix(in srgb, #fff 92%, transparent); padding: 3rem; }
.auth-brand { display: flex; gap: .8rem; align-items: center; margin-bottom: 2rem; }
.auth-brand span { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; background: linear-gradient(135deg, #56ccf2, #2454d6); color: #fff; font-weight: 800; }