:root{color-scheme:dark;font-family:Manrope,system-ui,-apple-system,sans-serif;background:#0b1317;color:#e5eff3;font-size:17px}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px}
main{width:min(100%,460px);padding:30px;border:1px solid #344a55;border-radius:24px;background:#111d23}
.brand{font-size:15px;font-weight:600;letter-spacing:.08em;color:#9bddc3;margin:0 0 28px}
h1{font-size:clamp(26px,7vw,32px);line-height:1.2;font-weight:600;margin:0 0 20px}
p{line-height:1.55;overflow-wrap:anywhere}#message{color:#aec3cc}
button{width:100%;min-height:50px;padding:13px 16px;margin:14px 0;border:1px solid #405863;border-radius:12px;background:#213b36;color:#9bddc3;font:inherit;font-weight:500;cursor:pointer}
button:focus-visible{outline:2px solid #9bddc3;outline-offset:4px}.hint{font-size:14px;color:#aec3cc;margin-bottom:0}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s ease}button:hover{background:#294a43}}
@media(max-width:350px){body{padding:16px}main{padding:24px}}