:root{color-scheme:dark}
body{margin:0;background:#0e0f12;color:#e6e8ee;font:16px/1.5 "Segoe UI",system-ui,sans-serif}
.card{max-width:560px;margin:6vh auto;padding:32px 24px;background:#1c1f25;border:1px solid #2e323a;border-radius:12px}
.mark{display:block;margin:0 auto 12px}
h1{text-align:center;font-size:28px;margin:0 0 4px}
.tag{font-size:12px;color:#8a8f9a;vertical-align:middle;margin-left:6px}
.lead{color:#b9bdc7;text-align:center;margin:0 0 24px}
label{display:block;margin:0 0 14px;color:#b9bdc7;font-size:14px}
input[type=text],input[type=email],select{display:block;width:100%;box-sizing:border-box;margin-top:4px;padding:10px 12px;background:#14161a;border:1px solid #3a3f4a;border-radius:8px;color:#e6e8ee;font-size:16px}
input:focus,select:focus{outline:none;border-color:#e8d44d}
.check{display:flex;gap:10px;align-items:flex-start;font-size:13px}
.check input{margin-top:4px}
.hp{position:absolute;left:-9999px;top:-9999px}
button{width:100%;padding:12px;background:#e8d44d;color:#141414;border:0;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer}
button:disabled{opacity:.6}
.msg{min-height:1.5em;text-align:center;color:#e8d44d;font-size:14px}
footer{margin-top:24px;text-align:center;color:#6a707c;font-size:12px}
footer a{color:#6a707c}