:root{--bg:#14110f;--card:#221d19;--line:#5b4c3a;--ink:#efe3c4;--mut:#b0a080;--gold:#e3a93a;--gold2:#f8d77c;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 'Alegreya Sans','Segoe UI',Roboto,sans-serif}
.wrap{max-width:760px;margin:0 auto;padding:32px 18px 60px}
h1,h2{font-family:Cinzel,Georgia,serif;color:var(--gold2);line-height:1.2}h1{font-size:clamp(30px,7vw,48px);margin:.2em 0}
a{color:var(--gold2)}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:16px 0}
.btn{display:inline-block;padding:12px 22px;border-radius:10px;background:linear-gradient(180deg,var(--gold2),var(--gold) 55%,#9a6b1c);color:#2a1a08;font-weight:800;text-decoration:none;border:0;font-size:16px;cursor:pointer}
input{width:100%;padding:11px 12px;margin:4px 0 12px;border-radius:9px;border:1px solid var(--line);background:#15120f;color:var(--ink);font:inherit}
label{font-weight:700}.mut{color:var(--mut);font-size:15px}.ok{color:#9fcf7a}.bad{color:#ff8a6a}
header img{width:88px}footer{margin-top:40px;color:var(--mut);font-size:14px}