:root{color-scheme:dark;font-family:Segoe UI,Arial,sans-serif;color:#f5f1e9;background:#0b1016;font-size:16px}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:36px 18px;background:radial-gradient(ellipse at 50% 0,#23313a 0,transparent 60%),#0b1016}main{width:100%;max-width:440px}.brand{text-align:center;font-family:Georgia,serif;font-size:32px;letter-spacing:5px;color:#e5bd75;margin-bottom:28px}.brand span{display:block;font:12px Segoe UI,sans-serif;letter-spacing:7px;margin-top:6px;color:#bfc8cc}section{position:relative;padding:32px;background:#141d26;border:1px solid #34414c;border-radius:12px;box-shadow:0 20px 70px #0005;overflow:hidden}.accent{position:absolute;height:3px;top:0;left:0;right:0;background:linear-gradient(90deg,transparent,#e5bd75,transparent)}h1{font-size:26px;margin:0 0 8px;letter-spacing:-.5px}.intro{color:#afbcc6;margin:0 0 28px}label{display:block;font-size:14px;margin:20px 0 8px;font-weight:600}input:not([type=checkbox]){width:100%;padding:12px;border:1px solid #45535f;border-radius:6px;background:#0c141c;color:#fff;font:inherit}input:focus-visible,button:focus-visible{outline:2px solid #e5bd75;outline-offset:3px}small{display:block;font-size:12px;line-height:1.6;color:#afbcc6;margin-top:7px}.show{display:flex;gap:9px;align-items:center;font-weight:400;color:#c2cbd1;margin:17px 0 24px}.show input{width:17px;height:17px;accent-color:#e5bd75}button{width:100%;border:0;border-radius:6px;background:#e5bd75;color:#18202a;font:600 16px Segoe UI,sans-serif;padding:14px;cursor:pointer}button:hover{background:#f2cb87}button:disabled{opacity:.6;cursor:wait}#message{margin:0;line-height:1.6;font-size:14px}#message:not(:empty){margin-top:20px}#message.error{color:#ffb5ae}#message.success{color:#aee8c0}.foot{text-align:center;color:#9faeb9;font-size:13px;line-height:1.8;margin-top:24px}@media(max-width:420px){section{padding:26px 22px}h1{font-size:24px}}