:root{--lapis:#10264a;--ink:#0a1830;--gold:#e0b14a;--fir:#2bb3a3;--rose:#d9455f;--paper:#f6ecd6;--line:rgba(224,177,74,.35)}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;min-height:100vh;font-family:Vazirmatn,Tahoma,sans-serif;color:var(--paper);background:
 radial-gradient(circle at 50% 0,#1b3f7a 0,transparent 60%),
 repeating-conic-gradient(from 45deg at 50% 50%,#0d2145 0 25%,#0a1830 0 50%) 0 0/46px 46px;background-color:var(--ink)}
.wrap{max-width:880px;margin:0 auto;padding:24px 16px 60px}
h1{font-family:Lalezar,Vazirmatn,Tahoma,sans-serif;font-weight:400;font-size:clamp(44px,9vw,84px);margin:8px 0 0;color:var(--gold);line-height:1.1;text-shadow:0 3px 0 #7a5a14}
.sub{color:#cdbf9b;margin:6px 0 24px}
.arch{border:2px solid var(--line);border-radius:140px 140px 18px 18px/90px 90px 18px 18px;padding:30px 20px 20px;background:rgba(10,24,48,.8);margin-bottom:20px}
.box{border:1px solid var(--line);border-radius:14px;padding:18px;background:rgba(10,24,48,.78);margin-bottom:16px}
h2{margin:0 0 12px;font-size:20px;color:var(--gold)}
input,select{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:#0b1b38;color:var(--paper);font:inherit;margin-bottom:10px}
input:focus,button:focus-visible,select:focus{outline:2px solid var(--fir);outline-offset:2px}
button{font:inherit;font-weight:600;cursor:pointer;border:0;border-radius:10px;padding:11px 18px;background:var(--gold);color:#2a1d02}
button.alt{background:transparent;color:var(--paper);border:1px solid var(--line)}
button.fir{background:var(--fir);color:#04211d}button.rose{background:var(--rose);color:#fff}
button:disabled{opacity:.5;cursor:not-allowed}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row>*{flex:1 1 auto}
.note{font-size:14px;color:#cdbf9b;margin-top:6px}.note a{color:var(--fir)}
.err{background:rgba(217,69,95,.18);border:1px solid var(--rose);padding:10px 14px;border-radius:10px;margin-bottom:14px}
.chk{display:flex;gap:8px;align-items:center;margin-bottom:12px}.chk input{width:auto;margin:0}
.item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px dashed var(--line)}
.item:last-child{border:0}
.tag{font-size:13px;padding:2px 10px;border-radius:99px;border:1px solid var(--line);color:var(--gold)}
.card{min-height:150px;display:grid;place-items:center;text-align:center;font-size:clamp(20px,4vw,30px);font-weight:800;line-height:1.8;padding:24px;border-radius:18px;border:2px solid var(--gold);background:linear-gradient(160deg,#173a70,#0c2146)}
.turn{background:rgba(43,179,163,.2);border-radius:8px;padding:2px 8px}
.code{font-family:Lalezar,Tahoma,sans-serif;font-size:34px;letter-spacing:6px;color:var(--gold)}
@media(prefers-reduced-motion:no-preference){.card{animation:flip .4s ease}@keyframes flip{from{transform:rotateX(70deg);opacity:0}}}