:root{--bg:oklch(96% .007 230);--p:oklch(99.5% .004 230);--ink:oklch(22% .025 236);--m:oklch(52% .018 236);--line:oklch(88% .012 236);--c:oklch(63% .13 221);--cd:oklch(47% .115 221);--cp:oklch(94% .035 221);--red:oklch(58% .19 27);--rp:oklch(96% .025 27);--green:oklch(54% .13 151);--navy:oklch(25% .05 238);--shadow:0 18px 50px oklch(22% .025 238/.12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font:500 16px/1.5 Inter,system-ui,sans-serif}a{color:var(--cd);text-decoration:none}button,input{font:inherit}button{cursor:pointer}h1,p{margin:0}.shell{min-height:100vh;display:grid;grid-template-columns:minmax(340px,.78fr) minmax(520px,1.22fr)}.story{background:var(--navy);color:var(--p);padding:38px clamp(28px,5vw,70px);display:flex;flex-direction:column;position:relative;overflow:hidden}.brand{font-size:1.25rem;font-weight:800;letter-spacing:-.06em}.storycopy{margin:auto 0;position:relative;z-index:1}.eyebrow{font-size:.58rem;color:var(--c);letter-spacing:.11em;text-transform:uppercase;font-weight:800}.story h2{font-size:clamp(2.2rem,5vw,4rem);line-height:.98;letter-spacing:-.07em;max-width:12ch;margin:8px 0 0}.storycopy>p{font-size:.67rem;color:oklch(76% .015 230);max-width:55ch;margin-top:14px}.score{margin-top:25px;width:min(330px,100%);border:1px solid oklch(42% .045 238);border-radius:12px;background:oklch(30% .05 238);padding:16px}.scoretop,.team{display:flex;justify-content:space-between}.scoretop{font-size:.5rem;color:oklch(72% .015 230);text-transform:uppercase}.live{color:oklch(70% .17 27);font-weight:800}.team{font-size:.68rem;font-weight:700;margin-top:8px}.score>p{font-size:.52rem;color:oklch(70% .015 230);margin-top:9px}.legal{font-size:.5rem;color:oklch(62% .015 230)}.auth{display:grid;place-items:center;padding:30px}.card{width:min(430px,100%);background:var(--p);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:32px}.back{display:inline-flex;align-items:center;gap:5px;font-size:.55rem;color:var(--m)}.card h1{font-size:2rem;line-height:1.05;letter-spacing:-.055em;margin-top:26px}.intro{font-size:.62rem;color:var(--m);margin-top:8px}.alert{display:none;margin-top:17px;padding:11px 12px;border:1px solid oklch(86% .045 27);border-radius:8px;background:var(--rp);color:var(--red);font-size:.56rem}.field{margin-top:17px}.fieldhead{display:flex;justify-content:space-between;align-items:center}.field label{font-size:.57rem;font-weight:700}.fieldhead a{font-size:.53rem}.inputwrap{position:relative;margin-top:6px}.inputwrap input{width:100%;height:46px;border:1px solid var(--line);border-radius:9px;background:var(--p);padding:0 43px 0 12px;color:var(--ink);font-size:.65rem}.inputwrap input:focus{outline:3px solid oklch(85% .055 221);border-color:var(--cd)}.inputwrap.error input{border-color:var(--red)}.eye{position:absolute;right:4px;top:3px;width:40px;height:40px;border:0;background:transparent;color:var(--m);display:grid;place-items:center}.errorcopy{display:none;color:var(--red);font-size:.51rem;margin-top:5px}.remember{display:flex;align-items:center;gap:7px;margin-top:14px;font-size:.55rem;color:var(--m)}.remember input{width:17px;height:17px;accent-color:var(--cd)}.submit{width:100%;height:46px;border:0;border-radius:9px;background:var(--cd);color:var(--p);font-size:.62rem;font-weight:800;margin-top:18px;display:flex;align-items:center;justify-content:center;gap:8px}.submit:disabled{opacity:.6}.spinner{display:none;width:15px;height:15px;border:2px solid oklch(90% .02 221);border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.or{display:flex;align-items:center;gap:10px;color:var(--m);font-size:.5rem;margin:19px 0}.or:before,.or:after{content:"";height:1px;background:var(--line);flex:1}.oauth{width:100%;height:44px;border:1px solid var(--line);border-radius:9px;background:var(--p);color:var(--ink);font-size:.59rem;font-weight:700;display:flex;justify-content:center;align-items:center;gap:8px}.signup{text-align:center;font-size:.56rem;color:var(--m);margin-top:20px}.security{display:flex;justify-content:center;gap:6px;align-items:center;font-size:.48rem;color:var(--m);margin-top:22px}@keyframes spin{to{transform:rotate(360deg)}}:focus-visible{outline:3px solid var(--c);outline-offset:3px}@media(max-width:850px){.shell{grid-template-columns:1fr}.story{min-height:260px;padding:24px}.storycopy{margin:40px 0 18px}.story h2{font-size:2.4rem}.score{display:none}.legal{display:none}.auth{padding:24px}}@media(max-width:480px){.story{min-height:210px}.story h2{font-size:2rem}.storycopy>p{display:none}.auth{padding:14px;align-items:start}.card{padding:24px 18px;border-radius:12px;box-shadow:none}.card h1{margin-top:20px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}