:root{--bg:#0b1626;--bg2:#0e1a2b;--panel:#152640;--line:#27406a;--ink:#eaf0fa;--mute:#9db0cf;--coin:#f2b63d;--ok:#4fd1a1;--bad:#ff8a8a}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:70px}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-text-size-adjust:100%}
a{color:var(--coin)}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.2;margin:0 0 .6em}
h1{font-size:clamp(1.9rem,5vw,3rem)}h2{font-size:clamp(1.4rem,3.5vw,1.9rem)}h3{font-size:1.1rem}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.hide{display:none!important}.muted,.hint{color:var(--mute)}.ok{color:var(--ok)}.bad{color:var(--bad)}
:focus-visible{outline:2px solid var(--coin);outline-offset:2px}
.top{position:sticky;top:0;z-index:10;background:rgba(11,22,38,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;font:700 1.35rem Georgia,serif;color:var(--ink);text-decoration:none}
.top nav,.foot nav{display:flex;gap:18px;flex-wrap:wrap}
.top nav a,.foot nav a{color:var(--mute);text-decoration:none;font-size:.95rem}
.top nav a:hover,.foot nav a:hover{color:var(--coin)}
.hero{padding:44px 0 36px;background:linear-gradient(180deg,var(--bg2),var(--bg))}
.grid{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.lead{font-size:1.1rem;color:var(--mute);max-width:52ch}
.ticks{list-style:none;padding:0;margin:20px 0 0}
.ticks li{padding-left:26px;position:relative;margin:8px 0}
.ticks li:before{content:"";position:absolute;left:0;top:.45em;width:14px;height:8px;border-left:3px solid var(--ok);border-bottom:3px solid var(--ok);transform:rotate(-45deg)}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.panel h2{font-size:1.3rem}
label{display:block;font-size:.9rem;color:var(--mute);margin:0 0 6px}
input,select{width:100%;padding:12px;border-radius:8px;border:1px solid var(--line);background:#0b1626;color:var(--ink);font:inherit;margin-bottom:14px}
.btn,button{display:inline-block;width:100%;padding:13px 18px;border:0;border-radius:8px;background:var(--coin);color:#201500;font:700 1rem inherit;cursor:pointer;text-align:center;text-decoration:none}
a.btn{width:auto}
button:disabled{opacity:.5;cursor:not-allowed}
.ghost{background:transparent;color:var(--mute);border:1px solid var(--line);font-weight:400;width:auto;padding:4px 12px}
.hint{font-size:.88rem;text-align:center;margin:14px 0 0}
#lmsg{text-align:center;margin-top:10px;min-height:1.4em}
.row{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--mute);font-size:.92rem;margin-bottom:12px}
.row span:last-child{color:var(--ink);text-align:right}
.ring{width:150px;height:150px;margin:6px auto 14px;position:relative}
.ring svg{transform:rotate(-90deg)}
.ring b{position:absolute;inset:0;display:grid;place-items:center;font:700 2.4rem Georgia,serif}
#cap{display:flex;justify-content:center;min-height:65px;margin:6px 0;overflow:hidden}
#msg{min-height:24px;text-align:center;margin-top:10px}
.band{background:var(--panel);border-block:1px solid var(--line)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-block:22px;text-align:center}
.stats b{display:block;font:700 1.6rem Georgia,serif;color:var(--coin)}.stats span{color:var(--mute);font-size:.9rem}
.sec{padding-block:44px}
.steps{list-style:none;counter-reset:s;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.steps li{counter-increment:s;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px 18px}
.steps li:before{content:counter(s);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--coin);color:#201500;font-weight:700;margin-bottom:10px}
.steps p{margin:0;color:var(--mute);font-size:.95rem}
.coins{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.coin{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.coin b{display:block}.coin span{color:var(--mute);font-size:.85rem;word-break:break-all}
details{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:10px}
summary{cursor:pointer;padding:15px 18px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";color:var(--coin);font-size:1.3rem;line-height:1}
details[open] summary:after{content:"\2212"}
details p{margin:0;padding:0 18px 16px;color:var(--mute)}
.doc{max-width:780px;padding-block:44px}
.doc h2{margin-top:1.8em}.doc li{margin:.4em 0}.doc p,.doc li{color:#cfd9ec}
.upd{color:var(--mute);font-size:.9rem;margin-top:-.3em}
.foot{border-top:1px solid var(--line);margin-top:30px;padding:28px 0;background:var(--bg2)}
.foot p{color:var(--mute);font-size:.85rem;margin:16px 0 0;max-width:80ch}
@media (max-width:860px){.grid{grid-template-columns:1fr;gap:28px}.steps{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.hero{padding-top:28px}}
@media (max-width:480px){.steps{grid-template-columns:1fr}.panel{padding:18px}.top nav{gap:12px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}