:root{color-scheme:dark;font-family:'Segoe UI',sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 80% 0,#20375a,transparent 42%),#0b1220;color:#eef5ff;padding:18px}.login-card{width:min(390px,100%);padding:30px;border:1px solid #314763;border-radius:16px;background:#142137;box-shadow:0 24px 65px #0005}.mark{display:grid;place-items:center;width:38px;height:38px;background:#82b8ff;color:#0a1423;border-radius:10px;font-size:24px;font-weight:800}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#70dec9;margin:18px 0 6px}h1{font-size:26px;margin:0}.intro,.foot{color:#a8bbd3;font-size:13px;line-height:1.5}.intro{margin:9px 0 22px}.foot{margin:18px 0 0;font-size:11px}label{display:block;font-size:12px;font-weight:700;margin:13px 0;color:#c8d9ea}input{display:block;width:100%;margin-top:6px;border:1px solid #3b5678;background:#0e1b2d;color:#fff;border-radius:8px;padding:11px;font:inherit}input:focus{outline:2px solid #72aaf4;outline-offset:1px}button{width:100%;background:#82b8ff;color:#081424;border:0;border-radius:8px;padding:11px;font:800 13px inherit;cursor:pointer;margin-top:8px}.error{padding:9px;border:1px solid #a95163;border-radius:7px;background:#4b2835;color:#ffd1d8;font-size:12px}
.game-link {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 12px 16px;
    margin-top: 12px;

    text-align: center;
    text-decoration: none;

    background: #2a3f5f;
    color: #82b8ff;
    border: 1px solid #3b5678;
    border-radius: 8px;

    cursor: pointer;
}