/* SONIC V33: wide split auth, same WebGL fluid engine as homepage.
   All rules presentation-only; form IDs, JS, Supabase flows unchanged. */
html,body{min-height:100%;background:#080916!important;color:#fff!important}
.auth-shell{min-height:100svh!important;width:100%!important;padding:0!important;margin:0!important;display:grid!important;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr)!important;gap:0!important;align-items:stretch!important;justify-content:stretch!important;background:#080916!important}
.auth-visual{position:sticky;top:0;min-height:100svh;height:100svh;overflow:hidden;background:#060611;isolation:isolate;display:flex;align-items:center;justify-content:center;padding:clamp(30px,5vw,88px)}
.auth-visual canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 35% 32%,#54207f,transparent 48%),radial-gradient(ellipse at 75% 78%,#085f88,transparent 50%),#070713}
.auth-visual-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,5,15,.55),rgba(4,5,15,.25)),linear-gradient(0deg,rgba(4,5,15,.75),transparent 50%,rgba(4,5,15,.28));pointer-events:none}
.auth-visual-content{width:min(100%,650px);position:relative;text-align:left}
.auth-visual-tag{display:inline-block;padding:9px 15px;border:1px solid #ffffff65;border-radius:999px;background:#090c1b88;font-size:11px;letter-spacing:.15em;font-weight:700;color:#fff}
.auth-visual-logo{display:block;width:clamp(110px,12vw,185px);height:auto;max-height:180px;object-fit:contain;margin:30px 0 12px;filter:drop-shadow(0 5px 15px #0007)}
.auth-visual h2{font-size:clamp(38px,4.1vw,70px);line-height:1.06;letter-spacing:-.045em;margin:0 0 20px;color:#fff!important;font-weight:700}
.auth-visual h2 em{font-style:normal;color:#FF938D}
.auth-visual p{color:#F1EAF8!important;line-height:1.75;max-width:510px;font-size:clamp(14px,1.15vw,17px)}
.auth-visual-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}
.auth-visual-badges span{border:1px solid #ffffff66;border-radius:999px;padding:8px 13px;color:#fff!important;background:#11132b88;font-size:12px}
.auth-form-side{width:100%;min-width:0;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:clamp(24px,4vw,60px) clamp(20px,4vw,65px);background:radial-gradient(ellipse at 100% 0%,#272044 0%,transparent 56%),#0c0d1e}
.auth-form-side>.brand{display:flex!important;align-items:center;gap:12px;width:min(100%,710px);margin:0!important;color:#fff!important;font-size:19px;letter-spacing:0!important}
.auth-form-side>.brand img{width:68px;height:58px;object-fit:contain}
.auth-form-side>.brand small{color:#BDB0FF!important}
.auth-form-side>.auth-panel{width:min(100%,710px)!important;padding:clamp(22px,3vw,38px)!important;margin:0!important;border-radius:24px!important;background:#191D35!important;border:1px solid #464C70!important;color:#fff!important;box-shadow:none!important}
.auth-panel .flex{align-items:center;gap:14px;flex-wrap:wrap}
.auth-panel .flex h1{font-size:clamp(26px,2.4vw,35px)!important;line-height:1.2!important;letter-spacing:-.02em!important;margin:0!important;color:#fff!important}
.auth-panel .flex #lang{width:110px!important;flex:none!important;min-height:43px!important}
.auth-panel .panel{background:#222640!important;border:1px solid #4C5274!important;color:#fff!important;padding:17px 20px!important;border-radius:16px!important}
.auth-panel .panel strong{color:#fff!important}
.auth-panel .panel p{margin:8px 0 0!important;color:#D9DEF3!important}
.auth-panel #intro{margin:12px 0 16px!important}
.auth-panel #authForm{display:block}
.auth-panel #regFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin-top:14px}
.auth-panel #regFields .auth-field:last-child{grid-column:1/-1}
.auth-panel .auth-credentials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin-top:12px}
.auth-panel .auth-field{min-width:0}
.auth-panel .auth-field label{margin:0 0 6px!important;font-weight:700;color:#F7F8FF!important;font-size:13px!important}
.auth-panel .auth-field input,.auth-panel .auth-field select{width:100%!important;height:47px!important;min-width:0;background:#0D1023!important;color:#fff!important;border:1px solid #656E91!important;border-radius:11px!important;padding:10px 13px!important}
.auth-panel .auth-field input:focus,.auth-panel .auth-field select:focus{outline:2px solid #BDB0FF!important;outline-offset:2px}
.auth-panel #termsBox{margin-top:14px}
.auth-panel #termsBox .inline{display:flex!important;gap:10px;align-items:flex-start;color:#E8EAF9!important}
.auth-panel #termsBox input{width:18px!important;height:18px!important;flex:none}
.auth-panel #termsBox span{color:#E8EAF9!important}
.auth-panel #submit{margin-top:16px!important;width:100%!important;min-height:47px!important;background:#FF6658!important;color:#fff!important;border-radius:999px!important}
.auth-panel #switch,.auth-panel #reset{display:inline-block!important;margin:8px 18px 0 0!important;color:#D2C7FF!important;padding:5px 0!important}
.auth-panel #warning{font-size:12px!important;line-height:1.6;color:#D2D6EC!important;margin-top:12px}
@media(max-width:1050px){.auth-shell{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important}.auth-visual{padding:30px}.auth-visual h2{font-size:clamp(34px,4.3vw,54px)}.auth-form-side{padding:32px 25px}}
@media(max-width:760px){.auth-shell{display:flex!important;flex-direction:column!important}.auth-visual{position:relative;height:auto;min-height:310px;padding:35px 24px}.auth-visual-content{max-width:550px}.auth-visual-logo{width:100px;margin:12px 0 6px}.auth-visual h2{font-size:clamp(30px,7vw,46px);margin-bottom:10px}.auth-visual p{font-size:13px;margin:8px 0}.auth-visual-badges{margin-top:13px}.auth-form-side{min-height:0;padding:28px 18px 45px}.auth-form-side>.brand{font-size:16px}.auth-panel #regFields,.auth-panel .auth-credentials{grid-template-columns:1fr}.auth-panel #regFields .auth-field:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.auth-visual canvas{display:none}}