:root{--sr-crimson:var(--brand);--sr-crimson-deep:#8a1520;--sr-crimson-light:#e8394a;--sr-gold-pure:var(--gold-ink);--sr-gold-bright:#f9e076;--sr-radius-luxury:32px;--sr-radius-input:16px;--sr-transition-luxury:all .5s cubic-bezier(.19, 1, .22, 1);--sr-deep:#060504;--sr-surface:#0d0b0a;--sr-surface-elevated:#151210;--sr-gold-soft:var(--gold-wash);--sr-crimson-glow:var(--brand);--sr-gold-glow:var(--gold-wash);--portal-bg:#060504;--portal-substrate:radial-gradient(circle at 50% -20%, #1a1512 0%, #060504 80%);--grid-line:var(--bg-sunk);--crosshair-color:var(--ink-3);--spotlight-color:var(--brand);--spotlight-opacity:.4;--grain-opacity:.05;--card-bg:linear-gradient(135deg, #120e0ceb 0%, #060504f5 100%);--card-border:var(--bg-sunk);--card-shadow:0 80px 180px -30px var(--bg-sunk), 0 30px 60px -10px var(--bg-sunk), inset 0 0 0 1px var(--bg-sunk);--card-inset:var(--bg-sunk);--bracket-color:var(--sr-gold-pure);--bracket-opacity:.3;--satin-start:var(--edge);--satin-mid-a:var(--bg-sunk);--satin-crimson:var(--brand);--satin-gold:var(--gold-wash);--satin-mid-b:var(--bg-sunk);--satin-end:var(--edge);--glow-crimson:var(--brand-wash);--glow-gold:var(--gold-wash);--title-gradient:linear-gradient(to bottom, #fff 30%, var(--ink-3));--tagline-color:var(--sr-gold-pure);--aura-color:var(--brand);--label-color:var(--ink-2);--label-focus:var(--ink-2);--input-bg:var(--bg-sunk);--input-border:var(--edge);--input-focus-bg:var(--bg-sunk);--input-focus-border:var(--edge);--input-focus-shadow:0 8px 32px var(--bg-sunk), 0 0 0 1px var(--brand-wash);--input-text:#fafafa;--input-placeholder:var(--ink-3);--toggle-icon-color:var(--ink-3);--toggle-icon-hover:var(--ink-2);--toggle-bg:var(--edge);--toggle-border:var(--edge);--toggle-knob:var(--ink-3);--toggle-label:var(--ink-2);--forgot-color:var(--ink-3);--forgot-hover:var(--sr-gold-pure);--btn-bg:linear-gradient(135deg, var(--sr-crimson) 0%, var(--sr-crimson-deep) 100%);--btn-color:#fff;--btn-hover-bg:linear-gradient(135deg, #d4232f 0%, var(--sr-crimson) 100%);--btn-hover-color:#fff;--btn-hover-shadow:none;--btn-liquid:var(--ink-4);--bar-color:var(--ink-2);--bar-hover-color:#fff;--footer-dot:var(--sr-crimson);--footer-text:var(--ink-2);--modal-title:#fafafa;--modal-subtitle:var(--ink-2);--autofill-text:#fafafa}[data-theme=light]{--portal-bg:#faf9f6;--portal-substrate:radial-gradient(circle at 50% -20%, #ede9e3 0%, #faf9f6 80%);--grid-line:var(--bg-sunk);--crosshair-color:var(--bg-sunk);--spotlight-color:var(--brand-wash);--spotlight-opacity:.7;--grain-opacity:.025;--card-bg:linear-gradient(135deg, var(--ink) 0%, #f8f6f3fa 100%);--card-border:var(--bg-sunk);--card-shadow:0 80px 180px -30px var(--bg-sunk), 0 30px 60px -10px var(--bg-sunk), inset 0 0 0 1px var(--ink);--card-inset:var(--ink);--bracket-color:var(--sr-crimson);--bracket-opacity:.2;--satin-start:var(--bg-sunk);--satin-mid-a:var(--bg-sunk);--satin-crimson:var(--brand-wash);--satin-gold:var(--gold-wash);--satin-mid-b:var(--bg-sunk);--satin-end:var(--bg-sunk);--glow-crimson:var(--brand-wash);--glow-gold:var(--gold-wash);--title-gradient:linear-gradient(to bottom, #1a1918 30%, #1a191873);--tagline-color:var(--sr-crimson-deep);--aura-color:var(--brand-wash);--label-color:#1a1918a6;--label-focus:#1a1918e6;--input-bg:var(--bg-sunk);--input-border:var(--bg-sunk);--input-focus-bg:var(--bg-sunk);--input-focus-border:var(--bg-sunk);--input-focus-shadow:0 8px 32px var(--bg-sunk), 0 0 0 1px var(--brand-wash);--input-text:#1a1918;--input-placeholder:#1a191866;--toggle-icon-color:#1a191880;--toggle-icon-hover:#1a1918cc;--toggle-bg:var(--bg-sunk);--toggle-border:var(--bg-sunk);--toggle-knob:var(--bg-sunk);--toggle-label:#1a1918a6;--forgot-color:#1a19188c;--forgot-hover:var(--sr-crimson);--btn-bg:linear-gradient(135deg, var(--sr-crimson) 0%, var(--sr-crimson-deep) 100%);--btn-color:#fff;--btn-hover-bg:linear-gradient(135deg, #d4232f 0%, var(--sr-crimson) 100%);--btn-hover-color:#fff;--btn-hover-shadow:none;--btn-liquid:var(--ink-4);--bar-color:var(--ink-2);--bar-hover-color:#fff;--footer-dot:var(--sr-crimson);--footer-text:#1a1918b3;--modal-title:#1a1918;--modal-subtitle:#1a1918a6;--autofill-text:#1a1918}.luxury-portal{background:var(--portal-bg);perspective:2000px;justify-content:center;align-items:center;min-height:100dvh;padding:24px;font-family:Roboto,system-ui,-apple-system,sans-serif;transition:background .4s;display:flex;position:relative;overflow:hidden}.hud-substrate{z-index:0;background:var(--portal-substrate);transition:background .4s;position:absolute;inset:0;overflow:hidden}.hud-grid{background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-position:50%;background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}.hud-crosshair{pointer-events:none;opacity:.1;width:100vw;height:100vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-crosshair:before,.hud-crosshair:after{content:"";background:var(--crosshair-color);position:absolute}.hud-crosshair:before{width:1px;height:100%;left:50%}.hud-crosshair:after{width:100%;height:1px;top:50%}.hud-spotlight{background:radial-gradient(circle, var(--spotlight-color) 0%, transparent 70%);filter:blur(80px);width:600px;height:600px;opacity:var(--spotlight-opacity);pointer-events:none;border-radius:50%;transition:opacity .4s;position:absolute}.spotlight-tl{top:-10%;left:-10%}.spotlight-br{bottom:-10%;right:-10%}.grain-texture{opacity:var(--grain-opacity);pointer-events:none;z-index:1;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");position:absolute;inset:0}.luxury-card{z-index:10;background:var(--card-bg);-webkit-backdrop-filter:blur(60px)saturate(180%);border-radius:var(--sr-radius-luxury);width:100%;max-width:480px;min-height:560px;box-shadow:var(--card-shadow);border:1px solid var(--card-border);transform-style:preserve-3d;padding:64px 52px;transition:background .4s,box-shadow .4s,border-color .4s;position:relative}.view-container{min-height:340px;position:relative}.luxury-card:before,.luxury-card:after{content:"";border:1px solid var(--bracket-color);width:20px;height:20px;opacity:var(--bracket-opacity);transition:border-color .4s,opacity .4s;position:absolute}.luxury-card:before{border-bottom:0;border-right:0;top:20px;left:20px}.luxury-card:after{border-top:0;border-left:0;bottom:20px;right:20px}.card-inner-glow{border-radius:inherit;background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%), var(--glow-crimson) 0%, var(--glow-gold) 30%, transparent 70%);pointer-events:none;transition:background .3s;position:absolute;inset:0}.satin-border{border-radius:inherit;background:linear-gradient(220deg, var(--satin-start) 0%, var(--satin-mid-a) 40%, var(--satin-crimson) 50%, var(--satin-gold) 60%, var(--satin-mid-b) 70%, var(--satin-end) 100%);-webkit-mask-composite:xor;padding:1.5px;animation:8s ease-in-out infinite satinShift;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes satinShift{0%,to{opacity:.7}50%{opacity:1}}.header-unit{text-align:center;margin-bottom:44px}.logo-display{display:inline-block;position:relative}.logo-aura{background:radial-gradient(circle, var(--aura-color) 0%, transparent 70%);filter:blur(25px);transition:background .4s;animation:8s ease-in-out infinite auraBreath;position:absolute;inset:-40px}@keyframes auraBreath{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}.portal-title{letter-spacing:-.03em;background:var(--title-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:20px;font-size:26px;font-weight:800}.portal-tagline{text-transform:uppercase;letter-spacing:.5em;color:var(--tagline-color);opacity:.8;margin-top:10px;font-size:10px;font-weight:700;transition:color .4s}.luxury-form{flex-direction:column;gap:0;display:flex}.form-field{margin-bottom:24px}.field-label{letter-spacing:.04em;color:var(--label-color);margin-bottom:10px;margin-left:4px;font-size:11px;font-weight:600;transition:color .3s;display:block}.form-field:focus-within .field-label{color:var(--label-focus)}.input-shell{background:var(--input-bg);border-radius:var(--sr-radius-input);border:1px solid var(--input-border);transition:var(--sr-transition-luxury);position:relative;overflow:hidden}.input-shell:after{content:"";background:linear-gradient(90deg, var(--sr-crimson), var(--sr-gold-pure));border-radius:0 0 var(--sr-radius-input) var(--sr-radius-input);width:0;height:2px;transition:width .5s cubic-bezier(.19,1,.22,1),left .5s cubic-bezier(.19,1,.22,1);position:absolute;bottom:0;left:50%}.input-shell:focus-within:after{width:100%;left:0}.input-shell:focus-within{background:var(--input-focus-bg);border-color:var(--input-focus-border);box-shadow:var(--input-focus-shadow);transform:translateY(-1px)}.luxury-input{width:100%;color:var(--input-text);letter-spacing:.02em;background:0 0;border:none;outline:none;padding:18px 20px;font-family:inherit;font-size:15px;transition:color .3s}.luxury-input::placeholder{color:var(--input-placeholder);font-weight:400}.password-toggle{cursor:pointer;color:var(--toggle-icon-color);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .3s;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.password-toggle:hover{color:var(--toggle-icon-hover)}.form-controls{justify-content:space-between;align-items:center;margin-bottom:28px;padding:0 4px;display:flex}.remember-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.toggle-track{background:var(--toggle-bg);border:1px solid var(--toggle-border);width:36px;height:20px;transition:var(--sr-transition-luxury);border-radius:10px;flex-shrink:0;position:relative}.toggle-track.active{background:var(--brand);border-color:var(--brand)}.toggle-knob{background:var(--toggle-knob);width:14px;height:14px;transition:var(--sr-transition-luxury);border-radius:50%;position:absolute;top:2px;left:2px}.toggle-track.active .toggle-knob{background:var(--sr-crimson-light);box-shadow:0 0 12px var(--brand);left:18px}.toggle-label{color:var(--toggle-label);letter-spacing:.02em;font-size:11px;font-weight:500;transition:color .3s}.forgot-link{color:var(--forgot-color);letter-spacing:.02em;cursor:pointer;z-index:10;background:0 0;border:none;padding:4px 0;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.forgot-link:hover{color:var(--forgot-hover);text-decoration:underline}.submit-sequence{margin-top:4px}.btn-master{background:var(--btn-bg);width:100%;height:56px;color:var(--btn-color);letter-spacing:.06em;cursor:pointer;box-shadow:none;border:none;border-radius:16px;font-family:inherit;font-size:14px;font-weight:700;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-master:hover{background:var(--btn-hover-bg);color:var(--btn-hover-color);box-shadow:var(--btn-hover-shadow);transform:translateY(-2px)}.btn-master:active{transform:translateY(0)}.btn-master:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-label{z-index:2;position:relative}.btn-liquid{background:linear-gradient(90deg, transparent, var(--btn-liquid), transparent);position:absolute;inset:0;transform:translate(-100%)}.btn-master:hover .btn-liquid{animation:2s ease-in-out infinite liquidMove}@keyframes liquidMove{to{transform:translate(100%)}}.status-indicator{justify-content:center;align-items:center;gap:6px;display:flex}.bar{background:var(--bar-color);border-radius:2px;width:3px;height:14px;animation:.8s ease-in-out infinite alternate barFlow}.btn-master:hover .bar{background:var(--bar-hover-color)}.bar:nth-child(2){animation-delay:.15s}.bar:nth-child(3){animation-delay:.3s}@keyframes barFlow{0%{opacity:.3;height:4px}to{opacity:1;height:14px}}.input-trailing-icon{opacity:.2;color:var(--input-text);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.btn-label-row{z-index:2;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.back-to-login{justify-content:center;align-items:center;gap:6px;width:100%;margin-top:20px;display:flex}.success-center{text-align:center;padding:12px 0}.success-center .success-icon-wrap{margin:0 auto 16px}.forgot-title{color:var(--modal-title);letter-spacing:-.02em;margin-bottom:8px;font-size:20px;font-weight:700;transition:color .3s}.forgot-subtitle{color:var(--modal-subtitle);font-size:13px;line-height:1.5;transition:color .3s}.success-icon-wrap{background:var(--green-wash);border:1px solid var(--green-wash);width:56px;height:56px;color:var(--green-ink);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.portal-footer{z-index:10;opacity:.6;align-items:center;gap:10px;transition:opacity .3s;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.portal-footer:hover{opacity:.9}.footer-dot{background:var(--footer-dot);border-radius:50%;width:5px;height:5px}.footer-text{text-transform:uppercase;letter-spacing:.25em;color:var(--footer-text);font-size:11px;font-weight:600;transition:color .3s}@media (max-width:768px){.luxury-card{padding:52px 40px}.header-unit{margin-bottom:36px}}@media (max-width:640px){.luxury-card{border-radius:24px;padding:40px 28px}.portal-title{font-size:22px}.portal-tagline{letter-spacing:.35em;font-size:9px}.luxury-input{padding:16px;font-size:14px}.btn-master{height:54px}}.input-shell.input-error{border-color:var(--sr-crimson);box-shadow:0 0 0 1px var(--brand), 0 0 20px var(--brand-wash);animation:.4s cubic-bezier(.36,.07,.19,.97) fieldShake}.input-shell.input-error:after{background:var(--sr-crimson);width:100%;left:0}@keyframes fieldShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.forgot-subtitle.forgot-subtitle--spaced{text-align:center;margin-bottom:24px}.forgot-subtitle.forgot-subtitle--success{margin-bottom:28px}@media (prefers-reduced-motion:reduce){.satin-border,.logo-aura,.btn-master:hover .btn-liquid{animation:none}.bar{opacity:.7;height:10px;animation:none}.luxury-portal,.hud-substrate,.input-shell,.input-shell:focus-within,.luxury-card,.hud-spotlight{transition:none}}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--autofill-text)!important;background-color:#0000!important;-webkit-box-shadow:inset 0 0 0 1000px #0000!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--autofill-text)!important;background-color:#0000!important;-webkit-box-shadow:inset 0 0 0 1000px #0000!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--autofill-text)!important;background-color:#0000!important;-webkit-box-shadow:inset 0 0 0 1000px #0000!important}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--autofill-text)!important;background-color:#0000!important;-webkit-box-shadow:inset 0 0 0 1000px #0000!important}