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-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))}.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:var(--accent-gradient);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}}.customer-auth-shell .customer-inline-inputs{display:grid;gap:18px}.customer-auth-shell .form-field{display:grid;gap:8px}.customer-auth-shell .field-label{font-size:.9rem;font-weight:700;color:color-mix(in srgb,var(--on-background) 78%,transparent)}.customer-auth-shell .inline-input{min-height:56px;display:flex;align-items:center;gap:10px;padding:0 16px;border-radius:16px;border:1px solid var(--glass-border);background:color-mix(in srgb,var(--color-2) 86%,transparent);transition:border-color .18s ease-out,box-shadow .18s ease-out,background-color .18s ease-out}.customer-auth-shell .inline-input:focus-within{border-color:var(--color-4);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-4) 14%,transparent);background:color-mix(in srgb,var(--color-2-105) 94%,transparent)}.customer-auth-shell .inline-input input{flex:1;min-width:0;border:none;background:transparent;color:var(--on-background);font:inherit}.customer-auth-shell .inline-input input:focus{outline:none}.customer-auth-shell .inline-input input::placeholder{color:color-mix(in srgb,var(--on-background) 34%,transparent)}.customer-auth-shell .inline-input__icon{display:inline-flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--on-background) 48%,transparent)}.customer-auth-shell .toggle-password-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;border-radius:12px;background:transparent;color:color-mix(in srgb,var(--on-background) 58%,transparent)}.customer-auth-shell .toggle-password-btn:hover{background:color-mix(in srgb,var(--color-3) 46%,transparent);color:var(--on-background)}.customer-auth-shell .loading-spinner{width:18px;height:18px;border-radius:999px;border:2px solid rgba(255,255,255,.35);border-top-color:#fffffff2;animation:customer-spin .8s linear infinite}@keyframes customer-spin{to{transform:rotate(360deg)}}