:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#f7f3e9;background:#090e17}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 20%,#1c3541,transparent 65%)}a{color:#cce5b5}header{display:flex;justify-content:space-between;gap:20px;max-width:1050px;margin:auto;padding:26px 20px;font-size:14px}header a{text-decoration:none}header span{letter-spacing:3px;margin-left:10px;color:#b7c9cc}main{max-width:480px;margin:30px auto;padding:0 20px 40px}h1{font-size:clamp(30px,7vw,42px);font-weight:500;letter-spacing:-1px;margin:12px 0}.eyebrow{font-size:11px;letter-spacing:3px;color:#cce5b5}.intro{color:#bfcbce;margin-bottom:28px}section{padding:22px;border:1px solid #41565d;border-radius:24px;background:#111c27dd;box-shadow:0 20px 70px #0006}label{font-size:14px}input{display:block;width:100%;font:28px system-ui;background:#090e17;color:white;border:1px solid #80929b;border-radius:12px;padding:15px 10px;margin-top:10px}#hint,#feedback,.note,details{font-size:14px;line-height:1.6;color:#bfcbce}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}button{font:inherit;cursor:pointer;color:inherit}.keypad button{min-height:66px;border-radius:18px;background:#223340;border:1px solid #455c68;font-size:26px}.keypad small{display:block;font-size:9px;letter-spacing:2px;color:#bfcbce}.call{display:block;text-align:center;background:#d7ebba;color:#17251c;text-decoration:none;padding:17px;border-radius:14px;font-weight:650}.call[aria-disabled=true]{opacity:.45;cursor:default}.actions{display:flex;justify-content:space-between;margin-top:14px}.actions button{min-height:44px;background:transparent;border:0;text-decoration:underline;font-size:14px}button:disabled{opacity:.5;cursor:default}.note{margin:24px 0}details{padding:16px 0;border-top:1px solid #41565d}summary{cursor:pointer;color:#f7f3e9;min-height:44px}.back{display:inline-block;margin-top:20px}*:focus-visible{outline:3px solid #f6c66e;outline-offset:4px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:#090e17;padding:10px}#feedback{min-height:23px;margin-bottom:0}@media(max-width:360px){section{padding:15px}header{font-size:12px}input{font-size:24px}}
