:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;background:#080f1c;color:#f5f6fa}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:28px 16px;background:radial-gradient(ellipse at 18% 15%,#263351 0,transparent 55%),radial-gradient(ellipse at 90% 85%,#31261d 0,transparent 45%),#080f1c}.login-card{width:min(100%,450px);padding:30px clamp(20px,5vw,38px);border:1px solid #3a465c;border-radius:24px;background:#111a2beF;box-shadow:0 25px 90px #0008}.brand-mark{font-size:2.75rem}.eyebrow{font-size:0.625rem;font-weight:750;letter-spacing:2px;color:#b6c3d8}h1{font-size:clamp(2.875rem,12vw,4rem);font-weight:950;font-style:italic;line-height:.95;letter-spacing:-3px;margin:16px 0}h1 span{color:#ffbd54}.intro{color:#b9c8df;margin-bottom:27px}.tabs{display:flex;gap:8px;margin:0 0 20px}button,input{font:inherit}button{min-height:46px;border:1px solid #43506b;border-radius:10px;background:#1c2941;color:#f5f6fa;cursor:pointer;padding:10px 16px;font-weight:650}.tabs button{flex:1;font-size:0.875rem}.tabs button[aria-pressed=true]{border-color:#ffbd54;color:#ffca77}label{display:block;font-size:0.875rem;margin:16px 0}input{display:block;width:100%;margin-top:7px;background:#080f1c;border:1px solid #495770;border-radius:9px;padding:12px;color:white;font-size:1rem}button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #6fbfff;outline-offset:3px}.primary{width:100%;background:#ffbd54;color:#152036;border-color:#ffbd54;margin-top:9px}.text-button{background:transparent;border:0;color:#bcd8ff;padding:12px 0;text-align:left;font-size:0.875rem}.fine{font-size:0.75rem;color:#b0bed2;line-height:1.6}#auth-status,.notice{line-height:1.6;font-size:0.875rem;color:#ffdc9c}.notice{background:#23324a;padding:14px;border-radius:10px}a{color:#bcd8ff}details{border-top:1px solid #33415b;padding-top:16px;font-size:0.8125rem}summary{cursor:pointer;margin-bottom:14px}.footer{margin-bottom:0}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}

.app-version{display:block;margin-top:12px;font-size:0.75rem;letter-spacing:.5px;color:#b7c7db;font-variant-numeric:tabular-nums}
.email-folder-reminder{margin:18px 0;padding:16px;border:2px solid #ffbd54;border-radius:12px;background:#302515;color:#fff0cc;line-height:1.55}.email-folder-reminder strong{display:block;font-size:1.0625rem;font-weight:800}.email-folder-reminder p{margin:8px 0 0;font-size:0.875rem}

.save-login-options{margin-top:20px;padding-top:18px;border-top:1px solid #33415b}.save-login-options h2{margin:0 0 12px;font-size:1.0625rem;line-height:1.4;letter-spacing:0}.save-login-button{width:100%;border-color:#72a4c9;background:#152d43;color:#d2edff}.save-login-options .fine{margin:10px 0 14px}.save-login-help{font-size:0.8125rem;line-height:1.6}.save-login-help summary{font-weight:650;color:#c6defd}.save-login-help p{color:#b9c8df}.login-site-address{overflow-wrap:anywhere}

.open-scorebook-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;min-height:58px;margin-top:10px;padding:10px 16px;border:1px solid #7299bc;border-radius:10px;background:#1b304a;color:#e2efff;text-align:center;text-decoration:none;font:inherit;line-height:1.35}.open-scorebook-button>span{font-size:0.75rem;color:#bdcfe3}.open-scorebook-button strong{font-size:1rem;font-weight:650}.open-scorebook-button:hover{background:#263f5d;border-color:#a0c7eb}.open-scorebook-button:active{background:#14263d}

#registration-gps{display:block;width:100%;margin-top:7px;background:#080f1c;border:1px solid #495770;border-radius:9px;padding:12px;color:white;font:inherit;font-size:1rem}#registration-gps:focus-visible{outline:3px solid #6fbfff;outline-offset:3px}

#registration-questions textarea{display:block;width:100%;max-width:100%;min-width:0;margin-top:7px;background:#080f1c;border:1px solid #495770;border-radius:9px;padding:12px;color:white;font:inherit;font-size:1rem;line-height:1.5;resize:vertical;white-space:pre-wrap;overflow-wrap:anywhere}#registration-questions textarea:focus-visible{outline:3px solid #6fbfff;outline-offset:3px}#registration-questions textarea::placeholder{color:#b0bed2;opacity:1}.registration-hint{font-size:0.8125rem;line-height:1.5;color:#b0bed2;margin:-9px 0 20px;white-space:normal;overflow-wrap:anywhere}
