:root { --gold:#ffc83d; --bg:#1b1440; --panel:rgba(255,255,255,.07); --line:rgba(255,255,255,.14); --text:#f1edff; --dim:#cfc6f2; --green:#7dff9a; }
* { box-sizing:border-box; margin:0; padding:0; }
body { background:linear-gradient(#2a1b5e, var(--bg) 300px); color:var(--text); font:16px/1.6 Fredoka, system-ui, sans-serif; min-height:100vh; }
header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 16px; border-bottom:2px solid var(--line); }
header a img { height:56px; width:auto; display:block; }
.langs { display:flex; gap:6px; }
.langs button { font:600 13px Fredoka, sans-serif; padding:6px 10px; cursor:pointer; color:#fff; background:rgba(0,0,0,.3); border:2px solid rgba(255,255,255,.35); border-radius:999px; }
.langs button[aria-pressed="true"] { background:var(--gold); border-color:var(--gold); color:#2a1700; }
main { max-width:900px; margin:0 auto; padding:32px 16px 56px; }
h1 { font:400 clamp(30px, 6vw, 46px)/1.1 "Lilita One", sans-serif; color:var(--gold); }
h2 { font:400 24px/1.3 "Lilita One", sans-serif; color:var(--gold); margin:34px 0 12px; }
.lead { color:var(--dim); margin-top:8px; font-size:17px; }
.note { color:var(--dim); font-size:14px; margin-top:10px; } .small { margin-top:30px; }
a { color:#bfa8ff; }
.rule { margin-top:22px; padding:18px; border-radius:20px; border:2px solid rgba(125,255,154,.6); background:rgba(125,255,154,.08); }
.rule b { font:400 22px "Lilita One", sans-serif; color:var(--green); } .rule p { margin-top:6px; }
.flow { display:flex; flex-direction:column; align-items:center; gap:6px; }
.split { display:grid; grid-template-columns:1.4fr 1fr; gap:10px; width:100%; }
.step { width:100%; display:flex; flex-direction:column; align-items:center; text-align:center; gap:2px; padding:14px; border-radius:18px; background:var(--panel); border:2px solid var(--line); }
.step.gold { border-color:rgba(255,200,61,.7); }
.step .ico { font-size:26px; } .step small { color:var(--dim); }
.arrow { color:var(--gold); font-weight:700; } .arrow span { font-size:13px; color:var(--dim); font-weight:500; }
.wallets { display:grid; gap:10px; }
.wallet { display:grid; grid-template-columns:1fr auto; gap:4px 12px; padding:14px 16px; border-radius:18px; background:var(--panel); border:2px solid var(--line); }
.wallet b { font-size:17px; } .wallet .bal { text-align:right; font-weight:700; color:var(--gold); white-space:nowrap; }
.wallet small { grid-column:1 / -1; color:var(--dim); }
.wallet a.addr { grid-column:1 / -1; font:600 13px ui-monospace, Menlo, Consolas, monospace; word-break:break-all; }
.numbers { display:grid; grid-template-columns:repeat(auto-fit, minmax(190px, 1fr)); gap:10px; }
.num { padding:14px; border-radius:18px; background:var(--panel); border:2px solid var(--line); }
.num span { display:block; color:var(--dim); font-size:13px; } .num b { font:400 26px "Lilita One", sans-serif; }
.move { display:grid; grid-template-columns:auto 1fr auto; gap:4px 12px; align-items:center; padding:10px 14px; border-radius:14px; background:var(--panel); border:2px solid var(--line); margin-top:8px; }
.move.ok { border-color:rgba(125,255,154,.5); } .move.bad { border-color:#ff7b7b; background:rgba(255,80,80,.12); }
.move a { font:600 12px ui-monospace, Menlo, monospace; word-break:break-all; }
@media (max-width:620px) { .split { grid-template-columns:1fr; } }