:root{font-family:system-ui,sans-serif;color:#e8edf7;background:#0d1424;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{padding:24px 6%;border-bottom:1px solid #293449;display:flex;gap:24px;align-items:center}header strong{font-size:24px;color:#65e5b2}header span{color:#9daac0}header button{margin-left:auto}main{max-width:1120px;margin:64px auto;padding:0 24px}h1{font-size:clamp(28px,4vw,42px);letter-spacing:-1px;margin:16px 0}p{color:#abb8cc;line-height:1.6}.eyebrow{color:#65e5b2;font-size:12px;letter-spacing:2px}nav{margin-bottom:40px;color:#65e5b2}#games{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:32px}.game,#login-form{background:#151f32;border:1px solid #293449;border-radius:16px;padding:24px}#login{max-width:480px}label{display:block;font-size:14px;margin:20px 0}input{display:block;width:100%;padding:13px;margin-top:10px;background:#0d1424;border:1px solid #45516a;border-radius:8px;font:inherit}button{background:#65e5b2;color:#0d1424;border:0;border-radius:8px;padding:12px 18px;font:inherit;font-weight:650;cursor:pointer}button:disabled{opacity:.5;cursor:wait}input:focus,button:focus-visible{outline:2px solid #65e5b2;outline-offset:3px}[hidden]{display:none!important}#message{color:#f7d18b;min-height:24px}