:root{color-scheme:light;font:14px -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:#161b24;background:#f3f3f3}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #7eb5ff;outline-offset:3px}[hidden]{display:none!important}.login-layout{min-height:100dvh;display:grid;grid-template-columns:1.05fr 1fr}.brand-story{background:#10141c;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:48px 55px;isolation:isolate}.brand-story:after{content:'';position:absolute;width:680px;height:680px;border:1px solid #ffffff0d;border-radius:50%;bottom:-290px;right:-350px;box-shadow:0 0 0 95px #ffffff02,0 0 0 190px #ffffff02;z-index:-1}.brand{display:flex;align-items:center;gap:12px;letter-spacing:-1px;font-size:30px;font-weight:800}.brand img{height:47px;width:47px;border-radius:9px}.story-copy{margin:auto 0;padding:60px 0}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;color:#687487}.story-copy .eyebrow{color:#92baff}.story-copy h1{font-size:clamp(35px,4vw,60px);line-height:1.08;letter-spacing:-2px;margin:22px 0 27px;font-weight:800}.story-copy p{font-size:15px;line-height:1.9;color:#a7b0c1}.story-footer{display:flex;align-items:center;gap:10px;color:#a7b0c1;font-size:11px}.story-footer svg{width:21px;height:21px;flex-shrink:0;color:#92baff}.login-panel{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:50px 30px}.login-card{width:100%;max-width:410px;padding:35px;background:white;border:1px solid #e2e3e6;border-radius:16px;box-shadow:0 12px 45px #10141c05}.login-card h2{font-size:29px;line-height:1.15;letter-spacing:-1.1px;margin:12px 0}.login-card>p{font-size:12px;color:#687487;line-height:1.8;margin:0 0 22px}label{display:block;font-size:12px;font-weight:650;margin:18px 0 9px}input{width:100%;height:46px;padding:10px 12px;background:#fcfcfd;border:1px solid #d6dbe3;border-radius:7px;min-width:0;color:#161b24}input:focus{border-color:#075cbe}input::placeholder{color:#939aa4}.password-field{position:relative}.password-field input{padding-right:52px}.password-field button{position:absolute;right:3px;top:3px;height:40px;width:44px;border:0;background:transparent;color:#62758a;font-size:11px;border-radius:5px}.primary{background:#075cbe;color:#fff;border:0;padding:13px 17px;width:100%;min-height:47px;border-radius:7px;font-weight:700;font-size:13px;margin-top:23px}.primary:hover{background:#064f9f}.primary:disabled{opacity:.6}.hint{font-size:10px;color:#7a838e;line-height:1.8;margin:10px 0 0}.form-error{font-size:12px;color:#a93222;background:#fff1ee;border:1px solid #ecc9bf;padding:11px;border-radius:6px;line-height:1.7}.provider-divider{display:flex;align-items:center;gap:12px;color:#9299a3;font-size:10px;margin:26px 0 18px}.provider-divider:before,.provider-divider:after{content:'';flex:1;height:1px;background:#e4e7ec}.sorare-button{display:flex;align-items:center;gap:8px;justify-content:center;min-height:46px;width:100%;border:1px solid #dfe3e8;border-radius:7px;background:#f6f7f9;color:#6f7885;font-size:11px;font-weight:650;opacity:1}.sorare-mark{display:grid;place-items:center;background:#dfe3ec;color:#6e798c;border-radius:50%;width:23px;height:23px;font-weight:850}.soon{font-size:8px;border-radius:10px;padding:4px 6px;background:#e6eaf2;color:#71809a;font-weight:500;white-space:nowrap}.provider-hint{text-align:center;margin:11px 0 0!important;font-size:9px!important;line-height:1.8!important}.login-status{margin:20px 0 0!important;font-size:10px!important;color:#75869b!important;line-height:1.6!important}.login-footer{font-size:9px;color:#8a9099;margin-top:23px}.secondary{border:1px solid #d6dbe3;background:white;color:#075cbe;border-radius:7px;min-height:44px;width:100%;margin-top:15px}.offline-card{max-width:400px;margin:auto;background:#fff;border:1px solid #e2e3e6;border-radius:15px;padding:30px}.offline-card .brand{color:#10141c;margin-bottom:27px}.offline-card h1{font-size:27px;letter-spacing:-1px;line-height:1.2}.offline-card p{font-size:13px;color:#687487;line-height:1.8}.offline-card a.primary{display:block;text-align:center;text-decoration:none}.offline-body{min-height:100dvh;display:grid;padding:22px}.offline-card small{display:block;margin-top:20px;color:#87919d;font-size:10px;line-height:1.7}@media(max-width:850px){.brand-story{padding:35px}.story-copy h1{font-size:40px}.login-panel{padding:35px 22px}.login-card{padding:28px}}@media(max-width:650px){.login-layout{display:block;min-height:100dvh}.brand-story{padding:20px 22px calc(20px + env(safe-area-inset-top));background:#10141c}.brand{font-size:26px;gap:9px}.brand img{height:35px;width:35px}.story-copy{display:none}.story-footer{display:none}.login-panel{padding:26px 18px calc(28px + env(safe-area-inset-bottom))}.login-card{max-width:420px;padding:27px 23px;border-radius:12px}.login-card h2{font-size:28px}.login-card>p{font-size:12px;line-height:1.8}.eyebrow{font-size:9px}input{font-size:16px;height:48px}.primary{min-height:48px}.login-footer{font-size:9px}.sorare-button{font-size:11px}.login-status{font-size:10px!important}.offline-card{padding:25px}}@media(max-width:360px){.login-panel{padding:22px 13px}.login-card{padding:24px 19px}.login-card h2{font-size:25px}.sorare-button{gap:6px;font-size:10px}.soon{font-size:7px;padding:4px}.brand-story{padding:19px}.login-footer{font-size:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}