@import url('/assets/tokens.css');
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;grid-template-columns:1fr 1fr;font-family:'Anek Gujarati',Segoe UI,sans-serif;color:#121926;background:#f5f5f5}.brand-panel{background:#121926;color:#f5f5f5;min-height:100vh;padding:64px 12%;display:flex;flex-direction:column;justify-content:space-between;gap:64px}.brand-panel img{width:190px;max-width:100%;filter:brightness(0) invert(1)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;line-height:1.6;color:#734b02}.brand-panel .eyebrow{color:#d9cead}h1{font-size:clamp(36px,4.4vw,64px);line-height:1.12;letter-spacing:-.035em;font-weight:600;margin:24px 0}.intro{color:#cacaca;line-height:1.65;max-width:32ch;font-size:18px}.signature{font-size:14px;color:#d9cead}main{display:flex;flex-direction:column;justify-content:center;padding:64px 12% 28px}.login-content{width:100%;max-width:420px;margin:auto}h2{font-size:36px;line-height:1.15;margin:16px 0}.description{color:#515b6b;line-height:1.6;margin-bottom:36px}form{display:grid;gap:12px}label{font-size:14px;font-weight:600}input{width:100%;height:52px;padding:12px 16px;background:#fff;border:1px solid #9aa2ae;border-radius:6px;font:inherit;color:#121926}#username{margin-bottom:12px}.password-field{position:relative}.password-field input{padding-right:94px}button{font:inherit;cursor:pointer;border-radius:6px;min-height:48px}#show-password{position:absolute;right:4px;top:2px;padding:0 12px;background:transparent;border:0;color:#323f59;font-size:14px}.enter{background:#121926;color:#f5f5f5;border:1px solid #121926;font-weight:600;padding:12px 20px}.enter:hover{background:#323f59}button:disabled{opacity:.65;cursor:wait}#login-message{font-size:14px;line-height:1.5;margin:0;color:#b42318;min-height:21px}.help{color:#515b6b;font-size:13px;line-height:1.6;margin:24px 0}.player-link{display:inline-block;color:#734b02;font-size:14px;padding:12px 0;text-underline-offset:4px}footer{font-size:12px;color:#515b6b;margin-top:48px}:focus-visible{outline:3px solid #a66d03;outline-offset:3px}@media(max-width:740px){body{display:block}.brand-panel{min-height:0;padding:28px;gap:0}.brand-panel img{width:145px}.brand-panel>div,.signature{display:none}main{min-height:calc(100vh - 110px);padding:36px 24px 24px}h2{font-size:32px}footer{margin-top:32px}}