:root{color-scheme:dark light;--bg:#141c2a;--bg2:#0f1623;--card:#1b2638;--card2:#223049;--ink:#e8eefb;--mute:#9aa8c2;--line:#2a3850;--brand:#3b82f6;--brand2:#60a5fa;--soft:rgba(59,130,246,.16);--ok:#34d399;--bad:#f87171;--hdr:rgba(20,28,42,.9);--inp:#0f1623;--r:14px;--sh:0 10px 30px rgba(0,0,0,.35)}
@media (prefers-color-scheme:light){:root{--bg:#f4f7fc;--bg2:#fff;--card:#fff;--card2:#f1f5fb;--ink:#0f172a;--mute:#5b6678;--line:#e1e7f0;--brand:#2563eb;--brand2:#3b82f6;--soft:#e8f0ff;--ok:#15803d;--bad:#b91c1c;--hdr:rgba(255,255,255,.92);--inp:#fff;--sh:0 8px 24px rgba(15,23,42,.08)}}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-text-size-adjust:100%}
a{color:var(--brand2)}
h1,h2,h3,h4{line-height:1.2;margin:0 0 .55em;letter-spacing:-.01em}
h1{font-size:clamp(2rem,6vw,3.2rem);letter-spacing:-.03em}h2{font-size:clamp(1.4rem,3.5vw,1.9rem)}h3{font-size:1.05rem}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
.hide{display:none!important}.muted{color:var(--mute)}.small{font-size:.88rem}.bad{color:var(--bad)}.ok{color:var(--ok)}
:focus-visible{outline:3px solid var(--brand2);outline-offset:2px}
/* header */
.top{position:sticky;top:0;z-index:20;background:var(--hdr);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:20px;min-height:64px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.25rem;color:var(--ink);text-decoration:none}
.mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--brand2),var(--brand));color:#fff;font-weight:800}
.top nav{display:flex;gap:20px;flex:1;flex-wrap:wrap}
.top nav a{color:var(--mute);text-decoration:none;font-weight:500;font-size:.95rem}.top nav a:hover{color:var(--brand2)}
.cta{background:linear-gradient(135deg,var(--brand2),var(--brand));color:#fff;text-decoration:none;font-weight:600;padding:9px 18px;border-radius:99px;font-size:.95rem}
/* buttons / forms */
.btn,button{display:inline-block;padding:12px 22px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--brand2),var(--brand));color:#fff;font:600 1rem inherit;cursor:pointer;text-align:center;text-decoration:none;transition:filter .15s,transform .05s}
.btn:hover:not(:disabled){filter:brightness(1.1)}.btn:active:not(:disabled),button:active:not(:disabled){transform:translateY(1px)}
.btn.alt{background:var(--card);color:var(--ink);border:1px solid var(--line)}
.btn.big{padding:14px 30px;font-size:1.05rem;box-shadow:0 8px 22px rgba(59,130,246,.3)}.btn.full{width:100%}
button:disabled{background:var(--line);color:var(--mute);cursor:not-allowed}
.ghost{background:transparent;color:var(--mute);border:1px solid var(--line);padding:6px 14px;font-weight:500;font-size:.9rem}
label{display:block;font-size:.9rem;font-weight:600;margin:0 0 6px}
input{width:100%;padding:13px 14px;border-radius:10px;border:1px solid var(--line);background:var(--inp);color:var(--ink);font:inherit;margin-bottom:14px}
input:focus{border-color:var(--brand2);outline:3px solid var(--soft)}
.hint{font-size:.88rem;color:var(--mute);text-align:center;margin:14px 0 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:var(--sh)}
.card h2{margin-bottom:.8em}
/* home hero (centered) */
.hero2{padding:52px 0 36px;text-align:center;background:radial-gradient(60% 55% at 50% 0%,var(--soft),transparent)}
.center{display:flex;flex-direction:column;align-items:center}
.coinrow{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:520px;margin-bottom:26px}
.cc{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;font:700 .6rem Arial,sans-serif;box-shadow:0 2px 8px rgba(0,0,0,.3)}
.hero2 h1 em{font-style:normal;color:var(--brand2)}
.lead{font-size:1.1rem;color:var(--mute);max-width:46ch;margin:0 auto 24px}
.stat4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;max-width:780px;margin-top:34px}
.stat4>div{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px 10px}
.stat4 b{display:block;font-size:1.5rem;color:var(--brand2)}.stat4 span{color:var(--mute);font-size:.85rem}
.sec{padding-block:44px}.sub{color:var(--mute);margin-top:-.3em}
.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(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px 18px}
.steps li:before{content:counter(s);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--soft);color:var(--brand2);font-weight:800;margin-bottom:12px}
.steps p,.feats p{margin:0;color:var(--mute);font-size:.95rem}
.band{background:var(--bg2);border-block:1px solid var(--line)}
.feats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feats .card{padding:20px;box-shadow:none}
.coins{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.coin{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.coin b{display:block}.coin span{color:var(--mute);font-size:.85rem;word-break:break-all}
details{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:10px}
summary{cursor:pointer;padding:16px 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(--brand2);font-size:1.4rem;line-height:1}
details[open] summary:after{content:"\2212"}
details p{margin:0;padding:0 18px 18px;color:var(--mute)}
.cta-band{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.cta-band h2{margin:0 0 4px}.cta-band p{margin:0}
/* login modal */
.modal{position:fixed;inset:0;z-index:100000;background:rgba(5,10,20,.72);display:grid;place-items:center;padding:16px;overflow:auto}
.mbox{position:relative;width:100%;max-width:440px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:var(--sh);text-align:left}
.mbox .x{position:absolute;top:10px;right:12px;width:36px;height:36px;padding:0;border-radius:50%;background:transparent;color:var(--mute);font-size:1.6rem;line-height:1}
.mnote{background:var(--soft);border-radius:10px;padding:12px 14px;font-size:.88rem;margin-bottom:14px}.mnote ol{margin:6px 0 0;padding-left:18px}.mnote li{margin:3px 0}
.mbox .hint{text-align:left;margin:0 0 14px}
/* doc pages */
.doc{max-width:780px;padding-block:48px}.doc h2{margin-top:1.8em}.doc li{margin:.4em 0}.doc p,.doc li{color:var(--mute)}
.doc b{color:var(--ink)}.upd{color:var(--mute);font-size:.9rem;margin-top:-.3em}
/* footer */
.foot{background:var(--bg2);border-top:1px solid var(--line);margin-top:30px;padding:36px 0 24px}
.fcols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px}
.fcols h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--mute);margin-bottom:10px}
.fcols a:not(.logo){display:block;color:var(--ink);text-decoration:none;margin:6px 0;font-size:.95rem}.fcols a:not(.logo):hover{color:var(--brand2)}
.fcols p{color:var(--mute);font-size:.92rem;max-width:36ch}
.legal p{color:var(--mute);font-size:.82rem;border-top:1px solid var(--line);padding-top:16px;margin-top:24px}
/* faucet page */
.faucet{padding-block:36px}.ph{margin-bottom:18px}.ph h1{font-size:clamp(1.8rem,5vw,2.4rem)}
.notice{background:rgba(245,158,11,.14);border:1px solid rgba(245,158,11,.5);color:#fbbf24;border-radius:12px;padding:12px 16px;margin-bottom:18px;font-weight:500}
.fgrid{display:grid;grid-template-columns:1.05fr 1fr;gap:20px;align-items:start}.col-main{display:flex;flex-direction:column;gap:20px}
.capbox{display:flex;justify-content:center;min-height:65px;margin:4px 0 14px;overflow:hidden}
#lmsg,#msg,#hmsg{min-height:1.5em;text-align:center;margin-top:10px;font-weight:500}
.uhead{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.uhead>div{flex:1;min-width:0}.uhead b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uhead small{color:var(--ok);font-weight:600}
.av{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--soft);color:var(--brand2);font-weight:800;text-transform:uppercase}
.stats3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.stats3>div{background:var(--card2);border-radius:12px;padding:12px;text-align:center;min-width:0}
.stats3 b{display:block;font-size:1.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats3 span{font-size:.78rem;color:var(--mute)}
.selrow{display:flex;justify-content:space-between;gap:12px;background:var(--soft);border-radius:12px;padding:12px 16px;margin-bottom:16px}
.selrow small{display:block;color:var(--mute);font-size:.78rem}.selrow>div:last-child{text-align:right}
.timer{margin-bottom:18px}.tl{display:flex;justify-content:space-between;font-size:.9rem;color:var(--mute);margin-bottom:6px}.tl b{color:var(--ink)}
.track{height:10px;background:var(--line);border-radius:99px;overflow:hidden}.fill{height:100%;width:100%;background:linear-gradient(90deg,var(--brand2),var(--brand));border-radius:99px;transition:width 1s linear}
#steps.locked{opacity:.45;pointer-events:none}
.step{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.step h3{display:flex;align-items:center;gap:10px}
.step h3 i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--line);color:var(--mute);font:700 .85rem inherit;font-style:normal}
.step h3 i.done{background:var(--brand);color:#fff}
.pq{margin:0 0 12px;font-weight:600}
.tiles{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.tiles .tile{position:relative;min-width:92px;padding:14px 16px;border-radius:12px;border:2px solid var(--line);background:var(--card2);color:var(--ink);font:600 1.1rem inherit}
.tiles .tile:hover:not(:disabled){border-color:var(--brand2);filter:none}
.tiles .tile:disabled{border-color:var(--brand);background:var(--soft);color:var(--ink);cursor:default}
.tile i{position:absolute;top:-9px;right:-9px;min-width:22px;height:22px;border-radius:50%;background:var(--brand);color:#fff;font:700 .8rem/22px inherit;text-align:center;font-style:normal}.tile i:empty{display:none}
.prow{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.9rem}
.bal{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.bal .bcard{display:grid;grid-template-columns:44px 1fr auto;column-gap:14px;row-gap:2px;align-items:center;width:100%;text-align:left;padding:12px 14px;border-radius:12px;border:2px solid var(--line);background:var(--card2);color:var(--ink);font:inherit;font-weight:400;cursor:pointer}
.bal .bcard:hover:not(:disabled){border-color:var(--brand2);filter:none}
.bal .bcard.sel{border-color:var(--brand);background:var(--soft)}
.bal .bcard:disabled{cursor:not-allowed;opacity:.55;background:var(--card2);color:var(--ink)}
.bal .ci{grid-row:span 2;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;font:700 .75rem Arial,sans-serif}
.bal .cn{font-weight:700}.bal .cn small{font-weight:400;color:var(--mute);margin-left:6px}
.bal .amt{text-align:right;font-weight:700;color:var(--ok);word-break:break-all}.bal .off .amt{color:var(--bad)}
.bal .cs{font-size:.82rem}.bal .rw{text-align:right;color:var(--mute);font-size:.8rem}
.bdg{display:inline-block;padding:1px 9px;border-radius:99px;font-size:.74rem;font-weight:600;background:rgba(52,211,153,.16);color:var(--ok)}
.bdg.empty,.bdg.unavailable{background:rgba(248,113,113,.16);color:var(--bad)}
.sk{height:68px;border-radius:12px;background:linear-gradient(90deg,var(--card2) 25%,var(--line) 37%,var(--card2) 63%);background-size:400% 100%;animation:sh 1.4s ease infinite}
@keyframes sh{0%{background-position:100% 50%}100%{background-position:0 50%}}
@media (max-width:860px){.fgrid{grid-template-columns:1fr}.steps,.feats{grid-template-columns:1fr 1fr}.fcols{grid-template-columns:1fr 1fr}.fcols>div:first-child{grid-column:1/-1}.top nav{order:3;flex-basis:100%;gap:16px;overflow-x:auto;padding-bottom:10px;flex-wrap:nowrap}.cta{margin-left:auto}.bar{gap:10px}}
@media (max-width:600px){.stat4{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.steps,.feats{grid-template-columns:1fr}.card{padding:18px}.stats3{gap:6px}.bal .bcard{grid-template-columns:38px 1fr auto;column-gap:10px;padding:10px 12px}.bal .ci{width:38px;height:38px;font-size:.68rem}.bar{min-height:56px}.logo{font-size:1.1rem}.mark{width:30px;height:30px}.cta{padding:8px 14px;font-size:.9rem}.hero2{padding-top:36px}.btn.big{width:100%}.cc{width:36px;height:36px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fill,.sk{transition:none;animation:none}}

.crumbs{font-size:.85rem;color:var(--mute);margin-bottom:14px}.crumbs a{color:var(--mute)}
.coin{text-decoration:none;color:inherit;display:block}a.coin:hover{border-color:var(--brand2)}
.doc .btn{color:#fff}
/* coin icons: your PNG covers the coloured fallback circle */
.ci,.cc{position:relative;overflow:hidden;flex:none}
.ci img,.cc img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.ci b,.cc b{font:700 .62rem Arial,sans-serif;color:#fff}
.ci.has,.cc.has{background:transparent!important;box-shadow:none}
.ci.has b,.cc.has b{display:none}
.ci.sm{width:36px;height:36px;border-radius:50%;display:grid;place-items:center}
.coin.ic{display:flex;align-items:center;gap:12px}.coin.ic>div{min-width:0}
.pageicon{display:block;width:60px;height:60px;border-radius:50%;margin-bottom:12px;object-fit:contain}
/* main menu (top-left drawer) */
.mbtn{width:42px;height:42px;padding:0;border-radius:10px;background:var(--card);border:1px solid var(--line);color:var(--ink);display:grid;place-items:center;flex:none}
.mbtn:hover:not(:disabled){filter:none;border-color:var(--brand2)}
.drawer{position:fixed;inset:0;z-index:100001;visibility:hidden;pointer-events:none}
.drawer.open{visibility:visible;pointer-events:auto}
.dback{position:absolute;inset:0;background:rgba(5,10,20,.65);opacity:0;transition:opacity .2s}
.dpanel{position:absolute;left:0;top:0;bottom:0;width:min(88vw,360px);background:var(--card);border-right:1px solid var(--line);overflow-y:auto;padding:16px;transform:translateX(-100%);transition:transform .22s ease;box-shadow:var(--sh)}
.drawer.open .dback{opacity:1}.drawer.open .dpanel{transform:none}
.dhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.dx{width:38px;height:38px;padding:0;border-radius:50%;background:transparent;color:var(--mute);font-size:1.6rem;line-height:1}
.dnav{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:18px}
.dnav a{background:var(--card2);border-radius:10px;padding:10px 12px;color:var(--ink);text-decoration:none;font-weight:500;font-size:.95rem}.dnav a:hover{color:var(--brand2)}
.dpanel h3{margin:6px 0 4px}
.dcoins{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.mrow{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:8px 12px;border-radius:12px;border:2px solid var(--line);background:var(--card2);color:var(--ink);font:inherit;font-weight:400}
.mrow:hover:not(:disabled){border-color:var(--brand2);filter:none;background:var(--card2)}
.mrow:disabled{opacity:.55;cursor:not-allowed;background:var(--card2);color:var(--ink)}
.mrow .mn{flex:1;font-weight:600;min-width:0}.mrow .mn small{display:block;font-weight:400;color:var(--mute);font-size:.78rem}
.mrow .bdg{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:860px){.top nav{display:none}.bar{flex-wrap:nowrap}}
@media (prefers-reduced-motion:reduce){.dpanel,.dback{transition:none}}

/* referral page */
.copyrow{display:flex;gap:8px}.copyrow input{margin:0;flex:1;min-width:0}.copyrow button{flex:none}
.share{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.share a{padding:8px 14px;border-radius:99px;border:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:.9rem}.share a:hover{border-color:var(--brand2)}
.rlist{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.rrow{display:grid;grid-template-columns:44px 1fr auto;column-gap:14px;row-gap:4px;align-items:center;background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.rrow .ci{grid-row:span 2;width:44px;height:44px;border-radius:50%;display:grid;place-items:center}
.rrow .cn{font-weight:700}.rrow .cn small{font-weight:400;color:var(--mute);margin-left:6px}
.rrow .sub2{color:var(--mute);font-size:.8rem}
.rrow .amt{text-align:right;font-weight:700;color:var(--ok);word-break:break-all}
.rrow button{padding:7px 16px;font-size:.88rem;justify-self:end}
.rrow.dim{opacity:.7}
#rmsg{min-height:1.5em;text-align:center;margin-top:12px;font-weight:500}