:root{color-scheme:dark;font-family:Inter,"Helvetica Neue",Arial,sans-serif;background:#050507;color:#f6f5f7;font-synthesis:none}
*{box-sizing:border-box}html{min-width:280px;overflow-x:hidden}body{margin:0;min-width:280px;min-height:100vh;min-height:100svh;isolation:isolate}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #ff7182;outline-offset:5px}button[hidden]{display:none!important}
.atmosphere{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 15% 32%,#44061629,transparent 50%),radial-gradient(ellipse at 88% 80%,#58071b24,transparent 45%),#050507}#neon-background{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.scene-sources{position:fixed;width:1px;height:1px;overflow:hidden;visibility:hidden;pointer-events:none}.sport-scene{position:absolute;top:0;left:0;width:900px;height:480px;visibility:hidden}
.auth-shell{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:max(36px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(36px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.login{position:relative;width:100%;max-width:402px;padding:37px 34px 29px;border:1px solid #ffffff13;border-radius:21px;background:linear-gradient(145deg,#171419de,#0c0c10ed);box-shadow:0 35px 110px #0009,inset 0 1px 0 #ffffff05;overflow:hidden;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.card-accent{position:absolute;top:0;left:24%;right:24%;height:1px;background:linear-gradient(90deg,transparent,#ff284bb0,transparent)}.brand{display:flex;align-items:center;justify-content:center;gap:9px;width:max-content;margin:0 auto 29px}.brand>span{font-weight:900;font-size:34px;letter-spacing:-2px}.brand img{object-fit:contain}.brand-dot{color:#f92240}.login h1{font-size:25px;font-weight:650;letter-spacing:-.8px;margin:0 0 30px;text-align:center;line-height:1.2}.login-form{display:flex;flex-direction:column;gap:21px}.field label{display:block;font-size:12px;font-weight:500;color:#d6d2da;margin-bottom:9px}.input-wrap{position:relative;display:flex;align-items:center;border:1px solid #ffffff16;border-radius:9px;background:#09090d99;transition:border-color .2s,box-shadow .2s}.input-wrap:focus-within{border-color:#fa3852;box-shadow:0 0 0 3px #fa233b12}.input-wrap>svg{position:absolute;left:15px;width:18px;height:18px;stroke:#817889;fill:none;stroke-width:1.5;pointer-events:none}.input-wrap input{width:100%;min-width:0;min-height:51px;padding:14px 46px 14px 43px;border:0;outline:0;background:transparent;color:#fff;font-size:16px;border-radius:9px;box-shadow:none}.input-wrap input::placeholder{color:#8b8093;font-size:13px}.input-wrap input:-webkit-autofill{-webkit-text-fill-color:#fff;box-shadow:0 0 0 1000px #16131b inset}.toggle-password{position:absolute;right:4px;width:42px;height:44px;padding:12px;border:0;background:transparent;color:#a598af;border-radius:6px}.toggle-password:hover{color:#fff}.toggle-password svg,.sign-in svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.6;fill:none}.eye-slash{display:none}.toggle-password[aria-pressed="true"] .eye-slash{display:block}.sign-in{min-height:51px;display:flex;align-items:center;justify-content:center;gap:22px;border:1px solid #ff4156;border-radius:9px;background:linear-gradient(105deg,#f22037,#dc102b);color:#fff;font-size:13px;font-weight:700;box-shadow:0 5px 24px #e91c3026;margin-top:5px;transition:background .2s,box-shadow .2s,transform .2s}.sign-in:hover{background:#ff2943;box-shadow:0 5px 30px #e91c3040;transform:translateY(-1px)}.sign-in:active{transform:translateY(0)}.register-cta{font-size:11px;color:#a096a9;text-align:center;line-height:1.9;margin:27px 0 0}.register-cta a{color:#f5ecf0;font-weight:600;white-space:nowrap;margin-left:3px}.register-cta a:hover{color:#ff667b}.register-cta a span{color:#ff405c;padding-left:3px}.login__alert{font-size:12px;line-height:1.6;border:1px solid #f3456055;background:#a3142824;color:#ffd2d9;border-radius:9px;padding:12px 14px;margin:0 0 20px;overflow-wrap:anywhere}
#neon-background{mix-blend-mode:screen}
@media(max-width:480px){.auth-shell{padding-inline:max(22px,env(safe-area-inset-left)) max(22px,env(safe-area-inset-right))}.login{padding:31px 26px 27px;border-radius:18px}.brand{margin-bottom:25px}.brand img{width:38px;height:38px}.brand>span{font-size:32px}.login h1{font-size:23px;margin-bottom:27px}.login-form{gap:20px}.register-cta{margin-top:25px;font-size:11px}}
@media(max-width:350px){.auth-shell{padding-inline:15px}.login{padding-inline:20px}.register-cta{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Light paintings remain behind the centered authentication form. */
:root{background:#000}
.atmosphere{background:#000;position:absolute}
#neon-background{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:screen}
body{background:#000}
.login{max-width:402px;background:linear-gradient(145deg,#111113ed,#080809f5);border-color:#ffffff16;box-shadow:0 30px 100px #000a,inset 0 1px 0 #ffffff04;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
@media(max-width:900px){
 .login{max-width:402px}
}
@media(max-width:480px){
 .login{padding:28px 26px 25px}
 .brand{margin-bottom:21px}
 .login h1{margin-bottom:24px}
 .login-form{gap:18px}
 .register-cta{margin-top:23px}
}
@media(max-width:350px){.auth-shell{padding-inline:15px}.login{padding-inline:20px}}

.auth-shell{min-height:100vh;min-height:100svh;padding-block:max(24px,env(safe-area-inset-top),env(safe-area-inset-bottom));align-items:center;justify-content:center}
#neon-background{opacity:.42}