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:.08}.auth-shell .orb-1{width:420px;height:420px;top:-120px;left:-80px;background:var(--color-4)}.auth-shell .orb-2{width:520px;height:520px;right:-160px;bottom:-200px;background:var(--color-4)}.auth-shell .orb-3{width:360px;height:360px;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-4)}.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:16px;overflow:hidden;background:var(--color-3);border:1px solid color-mix(in srgb,var(--on-background) 12%,transparent);box-shadow:var(--shadow-lg);position:relative;z-index:1}.auth-shell .hero-panel{background:var(--color-1);padding:56px;display:flex;align-items:center;position:relative}.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:8px;border:1px solid color-mix(in srgb,var(--on-background) 12%,transparent);background:var(--color-1);color:var(--on-color-1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s cubic-bezier(.16,1,.3,1),color .18s cubic-bezier(.16,1,.3,1)}.auth-shell .theme-toggle:hover{background:var(--color-1-105);color:var(--on-background)}.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:8px 16px;border-radius:9999px;background:color-mix(in srgb,var(--color-4) 14%,transparent);border:1px solid color-mix(in srgb,var(--color-4) 35%,transparent);color:var(--color-4);font-size:.75rem;line-height:1rem;letter-spacing:0;letter-spacing:.1em;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);letter-spacing:-.02em;font-weight:600}.auth-shell p{margin:0;font-size:1.05rem;line-height:1.7;color:color-mix(in srgb,var(--on-background) 70%,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:50%;background:var(--color-4);flex-shrink:0}.auth-shell .auth-panel{display:flex;align-items:center;justify-content:center;padding:40px;background:var(--color-2)}.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);letter-spacing:-.02em;font-weight:600}.auth-shell .auth-form-card__header p{font-size:1rem;line-height:1.5rem;letter-spacing:-.01em;color:color-mix(in srgb,var(--on-background) 70%,transparent);line-height:1.5}.auth-shell .form-avatar{width:72px;height:72px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--color-2);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.auth-shell .inputs{display:grid;gap:18px}.auth-shell .bottom-container{display:grid;gap:12px}.auth-shell .form-problem{margin:0;padding:12px 16px;border-radius:8px;background:color-mix(in srgb,var(--bad) 14%,transparent);border:1px solid color-mix(in srgb,var(--bad) 35%,transparent);color:var(--bad);font-size:.875rem;line-height:1.25rem;letter-spacing:-.005em}.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}}