:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;background:#08090c;color:#f5f5f5;line-height:1.6}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}main{width:min(100%,760px);margin:auto;padding:24px clamp(16px,5vw,40px) 48px}
nav{display:flex;justify-content:flex-end;gap:24px}a{color:#f1cf68;overflow-wrap:anywhere}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:3px}
.brand,h1,h2{color:#f1cf68}h1{font-size:clamp(1.6rem,6vw,2.2rem);line-height:1.25;overflow-wrap:anywhere}h2{font-size:1.25rem}.brand{font-weight:800;letter-spacing:.1em}
section,form,footer{margin-top:24px}section,form#login{background:#17191f;border-radius:16px;padding:20px}label{display:block;margin-top:16px}input{max-width:100%;font:inherit}
input:not([type=checkbox]){width:100%;min-height:48px;padding:10px;border:1px solid #777;border-radius:8px;background:#08090c;color:inherit}
button{display:block;width:100%;min-height:48px;margin-top:20px;padding:12px 16px;border:0;border-radius:10px;background:#f1cf68;color:#101114;font:inherit;font-weight:700;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
button:disabled{opacity:.55;cursor:wait}.check{display:flex;align-items:flex-start;gap:12px}.check input{flex:0 0 auto;margin-top:7px;width:20px;height:20px}#status{border-left:3px solid #f1cf68;padding:12px;overflow-wrap:anywhere}li{margin:12px 0}footer{border-top:1px solid #555;padding-top:20px}form#confirm{margin:0}