body:has(.auth-shell){width:100%;min-height:100vh;overflow:hidden}.auth-shell{width:100vw;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px;position:relative}.auth-shell .auth-background{position:absolute;inset:0;overflow:hidden}.auth-shell .gradient-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.42}.auth-shell .orb-1{width:420px;height:420px;top:-120px;left:-80px;background:#1e8fff6b}.auth-shell .orb-2{width:520px;height:520px;right:-160px;bottom:-200px;background:#5569ff57}.auth-shell .orb-3{width:360px;height:360px;top:50%;left:50%;transform:translate(-50%,-50%);background:#4ed3ff29}.auth-shell .auth-grid{width:min(1180px,100%);min-height:min(760px,calc(100vh - 64px));display:grid;grid-template-columns:1.1fr .75fr;border-radius:30px;overflow:hidden;background:var(--surface-gradient);border:1px solid var(--glass-border);box-shadow:var(--panel-glow);position:relative;z-index:1}.auth-shell .hero-panel{background:var(--hero-gradient);padding:56px;display:flex;align-items:center;position:relative}.auth-shell .hero-panel:after{content:"";position:absolute;inset:auto 14% 12%;height:180px;border-radius:999px;background:radial-gradient(circle,#5569ff61,#5569ff00 70%);filter:blur(20px);pointer-events:none}.auth-shell .hero-powered-by{position:absolute;bottom:20px;left:24px;height:22px;opacity:.35;transition:opacity .2s}.auth-shell .hero-powered-by:hover{opacity:.6}.auth-shell .theme-toggle{position:absolute;top:20px;right:20px;z-index:2;width:40px;height:40px;border-radius:12px;border:1px solid var(--glass-border);background:color-mix(in srgb,var(--color-1) 60%,transparent);color:var(--on-color-1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .15s}.auth-shell .theme-toggle:hover{background:color-mix(in srgb,var(--color-3) 50%,transparent);transform:scale(1.08)}.auth-shell .theme-toggle:active{transform:scale(.95)}.auth-shell .hero-panel__inner{max-width:480px;display:grid;gap:22px;position:relative;z-index:1}.auth-shell .auth-badge{width:fit-content;padding:10px 16px;border-radius:999px;background:color-mix(in srgb,var(--color-3) 35%,transparent);border:1px solid var(--glass-border);color:var(--on-color-1);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase}.auth-shell .hero-logo{filter:drop-shadow(0 20px 40px rgba(46,166,255,.25));display:none}.auth-shell h1{margin:0;font-size:clamp(2rem,3vw,3.4rem);line-height:1.05;color:var(--on-color-1)}.auth-shell p{margin:0;font-size:1.05rem;line-height:1.7;color:color-mix(in srgb,var(--on-color-1) 76%,transparent)}.auth-shell .hero-highlights{display:grid;gap:14px;margin-top:12px}.auth-shell .highlight-item{display:flex;align-items:center;gap:12px;font-size:1rem;color:var(--on-color-1)}.auth-shell .highlight-dot{width:12px;height:12px;border-radius:999px;background:var(--accent-gradient);box-shadow:0 0 20px color-mix(in srgb,var(--color-4) 38%,transparent)}.auth-shell .auth-panel{display:flex;align-items:center;justify-content:center;padding:40px;background:linear-gradient(180deg,color-mix(in srgb,var(--color-2) 92%,transparent),color-mix(in srgb,var(--color-1) 94%,transparent))}.auth-shell .auth-form-card{width:min(440px,100%);display:grid;gap:26px}.auth-shell .auth-form-card__header{display:grid;justify-items:start;gap:10px}.auth-shell .auth-form-card__header h2{margin:0;font-size:2.1rem;color:var(--on-background)}.auth-shell .auth-form-card__header p{font-size:1rem;color:color-mix(in srgb,var(--on-background) 58%,transparent);line-height:1.5}.auth-shell .form-avatar{width:72px;height:72px;border-radius:22px;display:flex;align-items:center;justify-content:center;background:#fff;border:var(--border-color) 1px solid;box-shadow:0 16px 32px #1c4a9947}.auth-shell .inputs{display:grid;gap:18px}.auth-shell .bottom-container{display:grid;gap:12px}.auth-shell .form-problem{margin:0;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,var(--bad) 12%,transparent);border:1px solid color-mix(in srgb,var(--bad) 30%,transparent);color:var(--bad);font-size:.95rem}.auth-shell .submit-button{width:100%;min-height:54px;font-size:1rem}@media (max-width: 768px){.auth-shell{padding:20px}.auth-shell .auth-grid{grid-template-columns:1fr;min-height:auto}.auth-shell .hero-panel,.auth-shell .auth-panel{padding:32px}}@media (max-width: 468px){.auth-shell{padding:14px}.auth-shell .hero-panel,.auth-shell .auth-panel{padding:24px}.auth-shell .auth-form-card__header h2{font-size:1.8rem}}