:root{
  --bg:#050b1f;--bg2:#081535;--navy:#0b1d45;
  --glass:rgba(18,40,92,.38);--glass-b:rgba(120,200,255,.16);
  --cyan:#3ee8ff;--cyan2:#5cf2ff;--blue:#1f8fff;--deep:#1245c9;
  --text:#e8f4ff;--muted:#8ea7cc;--ok:#29e3a1;--warn:#ffc15c;--bad:#ff6b8a;
  --r:18px;--shadow:0 20px 60px rgba(0,10,40,.55);
  --font:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--head:'Space Grotesk',var(--font);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:#050b1f}
body.fish{margin:0;min-height:100vh;background:radial-gradient(1200px 700px at 80% -10%,rgba(31,143,255,.25),transparent 60%),radial-gradient(900px 600px at -10% 110%,rgba(62,232,255,.14),transparent 60%),linear-gradient(180deg,var(--bg),var(--bg2));background-color:var(--bg);color:var(--text);font:15px/1.55 var(--font);overflow-x:hidden}
a{color:var(--cyan2);text-decoration:none}
a:hover{color:#fff}
h1,h2,h3,h4{font-family:var(--head);margin:0 0 .5em;letter-spacing:-.01em}
code{background:rgba(62,232,255,.1);padding:2px 6px;border-radius:6px;color:var(--cyan2)}
.muted{color:var(--muted)}.small{font-size:13px}

/* animated ocean background */
.ocean{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.ocean span{position:absolute;bottom:-40px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.7),rgba(62,232,255,.15));animation:rise 18s linear infinite;opacity:.5}
.ocean span:nth-child(1){left:8%;animation-duration:16s}
.ocean span:nth-child(2){left:22%;width:6px;height:6px;animation-delay:4s}
.ocean span:nth-child(3){left:38%;width:14px;height:14px;animation-duration:22s;animation-delay:2s}
.ocean span:nth-child(4){left:52%;animation-delay:8s}
.ocean span:nth-child(5){left:66%;width:7px;height:7px;animation-duration:14s;animation-delay:1s}
.ocean span:nth-child(6){left:78%;width:12px;height:12px;animation-delay:6s}
.ocean span:nth-child(7){left:90%;width:5px;height:5px;animation-duration:12s;animation-delay:3s}
.ocean span:nth-child(8){left:45%;width:8px;height:8px;animation-duration:20s;animation-delay:10s}
@keyframes rise{0%{transform:translateY(0) translateX(0)}50%{transform:translateY(-55vh) translateX(20px)}100%{transform:translateY(-110vh) translateX(-10px);opacity:0}}

/* glass + buttons */
.glass{position:relative;background:linear-gradient(160deg,rgba(40,90,180,.22),rgba(10,25,60,.35));border:1px solid var(--glass-b);border-radius:var(--r);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:12px;border:1px solid transparent;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#02122e;font:600 14px/1 var(--font);letter-spacing:.03em;cursor:pointer;transition:transform .15s,box-shadow .2s,opacity .2s;text-decoration:none;white-space:nowrap}
.btn:hover{transform:translateY(-1px);color:#02122e;box-shadow:0 10px 30px rgba(62,232,255,.35)}
.btn:disabled,.btn.disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.btn.big{padding:15px 26px;font-size:15px;border-radius:14px}
.btn.small{padding:8px 14px;font-size:13px;border-radius:10px}
.btn.full{width:100%}
.btn.outline{background:transparent;border-color:rgba(92,242,255,.55);color:var(--cyan2)}
.btn.outline:hover{background:rgba(92,242,255,.08);color:#fff}
.btn.ghost{background:rgba(255,255,255,.05);border-color:var(--glass-b);color:var(--text)}
.btn.ghost:hover{background:rgba(255,255,255,.1);color:#fff}
.btn.glow{box-shadow:0 0 0 0 rgba(62,232,255,.6);animation:glow 2.6s infinite}
@keyframes glow{0%{box-shadow:0 0 0 0 rgba(62,232,255,.55)}70%{box-shadow:0 0 0 16px rgba(62,232,255,0)}100%{box-shadow:0 0 0 0 rgba(62,232,255,0)}}
.btn.is-active{background:linear-gradient(135deg,#0f3b2f,#0b5c45);color:#b7ffe3;border-color:rgba(41,227,161,.6);box-shadow:0 0 24px rgba(41,227,161,.35)}
.btn.is-active:hover{background:linear-gradient(135deg,#4a1426,#6d1b33);border-color:var(--bad);color:#ffd5df}

/* brand */
.brand{display:flex;align-items:center;gap:10px;font:700 20px var(--head);color:#fff}
.brand b{color:var(--cyan2);font-weight:700}
.fish-logo{display:block;filter:drop-shadow(0 6px 18px rgba(31,143,255,.45))}
.fish-logo.is-animated{animation:float 5s ease-in-out infinite}
.fish-logo.is-animated .fish-logo-fish{transform-origin:32px 32px;animation:swimwiggle 2.4s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes swimwiggle{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg) translateX(1px)}}

/* public nav */
.public-nav{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:20px 24px}
.public-nav nav{display:flex;align-items:center;gap:22px}
.public-nav nav a:not(.btn){color:var(--muted);font-weight:500}
.public-nav nav a:not(.btn):hover{color:#fff}

/* landing */
.hero{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:40px 24px 60px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(62,232,255,.08);border:1px solid rgba(62,232,255,.25);color:var(--cyan2);font-size:13px;font-weight:600;margin-bottom:18px}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok);animation:blink 1.6s infinite}
@keyframes blink{50%{opacity:.35}}
.hero h1{font-size:clamp(40px,6.2vw,74px);line-height:1.02;margin-bottom:18px}
.grad{background:linear-gradient(90deg,var(--cyan2),var(--blue) 60%,#7aa8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:18px;color:#bcd3f2;max-width:540px;margin:0 0 28px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}
.hero-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.badge-card{padding:14px 16px}
.badge-card small{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.badge-card strong{font:600 16px var(--head)}
.badge-card .soon,.tag.soon{color:var(--warn)}
.hero-art{position:relative;height:460px;display:grid;place-items:center}
.coin-3d{position:relative;z-index:2}
.coin-3d .fish-logo{filter:drop-shadow(0 30px 60px rgba(31,143,255,.6))}
.orbit{position:absolute;border-radius:50%;border:1px dashed rgba(92,242,255,.25);animation:spin 30s linear infinite}
.o1{width:300px;height:300px}.o2{width:380px;height:380px;animation-duration:45s;animation-direction:reverse}.o3{width:460px;height:460px;border-style:dotted;animation-duration:60s}
@keyframes spin{to{transform:rotate(360deg)}}
.swim{position:absolute;animation:swim 12s linear infinite;opacity:.85}
.s1{top:18%;animation-duration:14s}.s2{top:70%;animation-duration:18s;animation-delay:-6s}.s3{top:40%;animation-duration:10s;animation-delay:-3s}
@keyframes swim{0%{transform:translateX(260px) scaleX(-1)}49%{transform:translateX(-260px) scaleX(-1)}50%{transform:translateX(-260px) scaleX(1)}100%{transform:translateX(260px) scaleX(1)}}
.stats-strip{position:relative;z-index:1;max-width:1200px;margin:0 auto 40px;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.stats-strip div{padding:18px;border-radius:14px;background:rgba(10,30,70,.45);border:1px solid var(--glass-b);text-align:center}
.stats-strip strong{display:block;font:700 22px var(--head);color:var(--cyan2)}
.stats-strip span{color:var(--muted);font-size:13px}
.section{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:40px 24px}
.section h2{font-size:clamp(26px,3.4vw,38px);text-align:center}
.section .sub{text-align:center;color:var(--muted);max-width:640px;margin:0 auto 30px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.step{padding:26px}
.step .num{display:inline-block;font:700 14px var(--head);color:var(--cyan2);background:rgba(62,232,255,.1);border-radius:10px;padding:6px 10px;margin-bottom:14px}
.step p{color:#b7cbe8;margin:0}
.tier-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.tier{padding:18px;text-align:center}
.tier small{color:var(--muted);display:block}
.tier strong{font:700 26px var(--head);color:var(--cyan2)}
.airdrop-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px;background:linear-gradient(120deg,rgba(31,143,255,.3),rgba(62,232,255,.12))}
.airdrop-banner h2{text-align:left}
.airdrop-banner p{color:#c7dbf7;margin:0}
.site-foot{position:relative;z-index:1;max-width:1200px;margin:40px auto 0;padding:30px 24px 50px;border-top:1px solid var(--glass-b);color:var(--muted);font-size:13px}
.site-foot .brand{font-size:16px;margin-bottom:10px}

/* auth */
.center-wrap{position:relative;z-index:1;min-height:calc(100vh - 90px);display:grid;place-items:center;padding:20px 16px 60px}
.center-wrap>.airdrop-hero,.center-wrap>.grid-3{width:100%;max-width:1100px}
.center-wrap{align-content:center;gap:20px}
.auth-card{width:100%;max-width:440px;padding:32px}
.auth-card.admin{border-color:rgba(255,193,92,.3)}
.auth-head{text-align:center;margin-bottom:22px}
.auth-head .fish-logo{margin:0 auto 12px}
.auth-head h1{font-size:28px;margin-bottom:4px}
.auth-head p{color:var(--muted);margin:0}
.alt{text-align:center;color:var(--muted);font-size:14px;margin:18px 0 0}

/* forms */
form label{display:block;margin-bottom:14px;font-size:13px;font-weight:600;color:#bcd3f2}
form label em{font-weight:400;color:var(--muted)}
form label small{display:block;font-weight:400;color:var(--muted);margin-top:6px}
input,select{width:100%;margin-top:6px;padding:12px 14px;border-radius:12px;border:1px solid rgba(120,200,255,.2);background:rgba(3,12,35,.6);color:var(--text);font:15px var(--font);outline:none;transition:border-color .2s,box-shadow .2s}
input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(62,232,255,.15)}
input[disabled],input[readonly]{opacity:.8}
label.check{display:flex;gap:10px;align-items:flex-start;font-weight:400;color:var(--muted)}
label.check input{width:auto;margin:3px 0 0}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form-msg{min-height:20px;margin:12px 0 0;font-size:14px;text-align:center}
.form-msg.err{color:var(--bad)}.form-msg.ok{color:var(--ok)}
.notice{padding:12px 14px;border-radius:12px;margin-bottom:16px;font-size:14px}
.notice.ok{background:rgba(41,227,161,.1);border:1px solid rgba(41,227,161,.35);color:#b7ffe3}
.notice.warn{background:rgba(255,193,92,.1);border:1px solid rgba(255,193,92,.35);color:#ffe2ad}
.input-affix{display:flex;gap:8px;align-items:center}
.input-affix input{flex:1}
.input-affix .btn{margin-top:6px}

/* app shell */
.sidebar{position:fixed;z-index:20;top:0;left:0;bottom:0;width:250px;padding:22px 16px;display:flex;flex-direction:column;background:rgba(4,12,34,.82);border-right:1px solid var(--glass-b);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:transform .25s}
.sidebar .brand{padding:0 8px 22px}
.sidebar nav{display:flex;flex-direction:column;gap:4px;flex:1;overflow:auto}
.sidebar nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;color:var(--muted);font-weight:500;position:relative}
.sidebar nav a:hover{background:rgba(62,232,255,.06);color:#fff}
.sidebar nav a.active{background:linear-gradient(90deg,rgba(62,232,255,.16),rgba(31,143,255,.06));color:#fff;box-shadow:inset 3px 0 0 var(--cyan)}
.sidebar .dot{margin-left:auto;width:8px;height:8px;border-radius:50%;background:transparent}
.sidebar .dot.on{background:var(--ok);box-shadow:0 0 10px var(--ok);animation:blink 1.4s infinite}
.side-foot{border-top:1px solid var(--glass-b);padding-top:16px;display:grid;gap:12px}
.ref-price small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.ref-price strong{font:600 15px var(--head);color:var(--cyan2)}
.shell{position:relative;z-index:1;margin-left:250px;min-height:100vh;display:flex;flex-direction:column}
.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:14px;padding:16px 28px;background:rgba(5,11,31,.7);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--glass-b)}
.topbar h1{font-size:20px;margin:0;flex:1}
.top-right{display:flex;align-items:center;gap:12px}
.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:linear-gradient(135deg,var(--cyan),var(--deep));color:#021330}
.pill{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--glass-b);font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--muted)}
.pill i{width:8px;height:8px;border-radius:50%;background:#58657f}
.pill.on{color:#b7ffe3;border-color:rgba(41,227,161,.4)}
.pill.on i{background:var(--ok);box-shadow:0 0 10px var(--ok);animation:blink 1.4s infinite}
.menu-btn{display:none;background:none;border:0;padding:6px;cursor:pointer}
.menu-btn span{display:block;width:22px;height:2px;background:#fff;margin:5px 0;border-radius:2px}
.content{flex:1;padding:26px 28px;display:grid;gap:20px;align-content:start;max-width:1280px;width:100%}
.app-foot{padding:16px 28px 26px;color:var(--muted);font-size:12px}
.card{padding:24px}
.card h3{font-size:18px}
.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.card-head h3{margin:0}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.center-card{text-align:center;max-width:520px;justify-self:center;display:grid;gap:14px;justify-items:center;padding:40px}

/* dashboard */
.hero-balance{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;padding:30px;overflow:hidden;background:linear-gradient(135deg,rgba(31,143,255,.28),rgba(9,26,70,.5) 60%)}
.hero-balance::after{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(62,232,255,.25),transparent 70%);pointer-events:none}
.hb-left small,.stat small,.mini-stats small,.balance-mini small{display:block;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.big-balance{font:700 clamp(34px,5vw,54px)/1.1 var(--head);margin:6px 0;font-variant-numeric:tabular-nums;word-break:break-all}
.big-balance em{font-style:normal;font-size:.45em;color:var(--cyan2);letter-spacing:.06em}
.usd{font:600 22px var(--head);color:var(--ok)}
.usd small{font:500 12px var(--font);color:var(--muted);margin-left:6px}
.locked{margin-top:10px;color:var(--warn);font-size:13px}
.hb-right{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;position:relative;z-index:1}
.status-line{display:flex;align-items:center;gap:10px;font:700 14px var(--head);letter-spacing:.1em;color:var(--muted)}
.status-line i{width:12px;height:12px;border-radius:50%;background:#58657f}
.status-line.on{color:var(--ok)}
.status-line.on i{background:var(--ok);box-shadow:0 0 14px var(--ok);animation:blink 1.4s infinite}
.rate{font:600 18px var(--head);color:#cfe3ff;font-variant-numeric:tabular-nums}
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.stat{padding:18px}
.stat strong{display:block;font:700 22px var(--head);margin-top:6px;font-variant-numeric:tabular-nums}
.stat strong em{font:400 13px var(--font);color:var(--muted)}
.stat.accent{background:linear-gradient(135deg,rgba(62,232,255,.22),rgba(31,143,255,.12))}
.copy-row{display:flex;gap:8px;align-items:center;margin-bottom:10px}
.copy-row input{margin:0;font-size:13px}
.progress{height:8px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden;margin:12px 0 6px}
.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue));border-radius:99px}
.quick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.q{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--glass-b);font-size:22px;color:#fff}
.q span{font-size:13px;font-weight:600;color:#cfe3ff}
.q:hover{background:rgba(62,232,255,.08)}
.q.disabled{opacity:.55}

/* mining stage */
.mining-stage{display:grid;grid-template-columns:minmax(260px,1fr) 1.2fr;gap:30px;padding:34px;align-items:center;overflow:hidden}
.rig{position:relative;height:340px;display:grid;place-items:center}
.ring{position:absolute;border-radius:50%;border:2px solid rgba(62,232,255,.15)}
.r1{width:190px;height:190px}.r2{width:250px;height:250px;border-style:dashed}.r3{width:310px;height:310px;border-color:rgba(31,143,255,.12)}
.rig-coin{position:relative;z-index:2;transition:filter .4s}
.mining-stage:not(.is-active) .rig-coin{filter:grayscale(.6) brightness(.8)}
.mining-stage.is-active .r1{animation:spin 6s linear infinite;border-top-color:var(--cyan)}
.mining-stage.is-active .r2{animation:spin 10s linear infinite reverse;border-color:rgba(62,232,255,.35)}
.mining-stage.is-active .r3{animation:pulse 2.4s ease-out infinite}
.mining-stage.is-active .rig-coin .fish-logo{animation:float 3s ease-in-out infinite,spinY 6s linear infinite}
@keyframes spinY{0%{transform:rotateY(0)}100%{transform:rotateY(360deg)}}
@keyframes pulse{0%{transform:scale(.85);opacity:1;border-color:var(--cyan)}100%{transform:scale(1.15);opacity:0}}
.bubbles{position:absolute;inset:0;pointer-events:none}
.bubbles i{position:absolute;bottom:40px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,rgba(62,232,255,.3));opacity:0}
.mining-stage.is-active .bubbles i{animation:bub 3s ease-in infinite}
.bubbles i:nth-child(1){left:30%}.bubbles i:nth-child(2){left:40%;animation-delay:.4s!important}.bubbles i:nth-child(3){left:50%;animation-delay:.9s!important}.bubbles i:nth-child(4){left:60%;animation-delay:1.3s!important}.bubbles i:nth-child(5){left:70%;animation-delay:1.8s!important}.bubbles i:nth-child(6){left:35%;animation-delay:2.2s!important}.bubbles i:nth-child(7){left:55%;animation-delay:2.6s!important}.bubbles i:nth-child(8){left:65%;animation-delay:.2s!important}
@keyframes bub{0%{transform:translateY(0) scale(.6);opacity:0}20%{opacity:.9}100%{transform:translateY(-260px) scale(1.2);opacity:0}}
.mining-info{display:grid;gap:14px;justify-items:start}
.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%}
.mini-stats div{padding:12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--glass-b)}
.mini-stats strong{font:600 16px var(--head);font-variant-numeric:tabular-nums}
.mining-toggle{min-width:240px}

/* tables */
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tbl{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.tbl th{text-align:left;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600;padding:10px 12px;border-bottom:1px solid var(--glass-b)}
.tbl td{padding:12px;border-bottom:1px solid rgba(120,200,255,.07);vertical-align:top;font-variant-numeric:tabular-nums}
.tbl tr:hover td{background:rgba(62,232,255,.03)}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;word-break:break-all}
.tag{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;background:rgba(255,255,255,.06);border:1px solid var(--glass-b)}
.tag.live,.tag.paid,.tag.active{color:var(--ok);border-color:rgba(41,227,161,.4);background:rgba(41,227,161,.08)}
.tag.soon,.tag.pending,.tag.under_review{color:var(--warn);border-color:rgba(255,193,92,.4);background:rgba(255,193,92,.08)}
.tag.approved,.tag.processing{color:var(--cyan2);border-color:rgba(62,232,255,.4);background:rgba(62,232,255,.08)}
.tag.rejected,.tag.suspended{color:var(--bad);border-color:rgba(255,107,138,.4);background:rgba(255,107,138,.08)}
.tag.expired,.tag.stopped{color:var(--muted)}

/* referrals */
.tier-list{display:grid;gap:8px}
.tier-item{display:flex;justify-content:space-between;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--glass-b)}
.tier-item b{color:var(--cyan2);font-family:var(--head)}
.tier-item.on{background:linear-gradient(90deg,rgba(62,232,255,.18),rgba(31,143,255,.06));border-color:var(--cyan)}

/* airdrop */
.airdrop-hero{display:grid;grid-template-columns:280px 1fr;gap:30px;align-items:center;padding:36px;overflow:hidden;background:linear-gradient(120deg,rgba(31,143,255,.3),rgba(9,26,70,.45))}
.airdrop-hero h2{font-size:clamp(26px,3.6vw,40px)}
.airdrop-hero p{color:#c7dbf7}
.ad-art{position:relative;height:250px;display:grid;justify-items:center;align-content:start;animation:float 5s ease-in-out infinite}
.drop-coin{margin-top:-8px}
.badge-row{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 20px}
.badge-row .tag{font-size:13px;padding:7px 14px}
.section-tight{margin-top:0}

/* withdraw */
.balance-mini{padding:16px;border-radius:14px;background:rgba(62,232,255,.06);border:1px solid var(--glass-b);margin-bottom:18px}
.balance-mini strong{display:block;font:700 24px var(--head)}
.balance-mini span{color:var(--muted);font-size:13px}
.wd-summary{display:flex;justify-content:space-between;align-items:center;padding:14px;border-radius:12px;background:rgba(41,227,161,.06);border:1px solid rgba(41,227,161,.25);margin-bottom:16px}
.wd-summary strong{font:700 20px var(--head);color:var(--ok)}
.steps{padding-left:20px;color:#c7dbf7;display:grid;gap:10px}
.kv{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;margin:0 0 20px}
.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:600}

/* toast */
.toast{position:fixed;z-index:100;left:50%;bottom:24px;transform:translate(-50%,40px);opacity:0;padding:12px 18px;border-radius:12px;background:rgba(8,22,56,.95);border:1px solid var(--glass-b);box-shadow:var(--shadow);transition:all .25s;pointer-events:none;max-width:calc(100vw - 32px);font-size:14px}
.toast.show{opacity:1;transform:translate(-50%,0)}
.toast.err{border-color:rgba(255,107,138,.5)}

/* responsive */
@media (max-width:1024px){
  .hero{grid-template-columns:1fr;text-align:center}
  .hero .lead{margin-left:auto;margin-right:auto}
  .cta-row{justify-content:center}
  .hero-art{height:340px;order:-1}
  .o3{width:360px;height:360px}.o2{width:300px;height:300px}.o1{width:240px;height:240px}
  .coin-3d .fish-logo{width:170px;height:170px}
  .tier-row{grid-template-columns:repeat(3,1fr)}
  .mining-stage{grid-template-columns:1fr}
  .mini-stats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .sidebar{transform:translateX(-100%);box-shadow:var(--shadow)}
  body.nav-open .sidebar{transform:none}
  .shell{margin-left:0}
  .menu-btn{display:block}
  .topbar{padding:12px 16px}
  .content{padding:18px 16px}
  .app-foot{padding:12px 16px 24px}
  .grid-2,.grid-3,.hero-balance,.airdrop-hero{grid-template-columns:1fr}
  .hero-badges,.stats-strip{grid-template-columns:1fr 1fr}
  .public-nav nav a:not(.btn){display:none}
  .public-nav nav a.btn{display:inline-flex}
  .landing-nav nav a[href$="/signin/"]{display:inline}
  .airdrop-banner{flex-direction:column;text-align:center}
  .airdrop-banner h2{text-align:center}
  .mining-toggle{width:100%}
  .ad-art{height:200px}
  .mining-pill span{display:none}
}
@media (max-width:520px){
  .hero-badges{grid-template-columns:1fr}
  .tier-row{grid-template-columns:repeat(2,1fr)}
  .stats-strip{grid-template-columns:1fr 1fr}
  .cta-row .btn{flex:1 1 100%}
  .hero-balance,.mining-stage,.card,.auth-card{padding:20px}
  .rig{height:260px}.r3{width:240px;height:240px}.r2{width:200px;height:200px}.r1{width:160px;height:160px}
  .rig-coin .fish-logo{width:120px;height:120px}
  .quick{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* email verification */
.verify-icon{width:72px;height:72px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;font:700 34px var(--head);border:1px solid var(--glass-b);background:rgba(62,232,255,.08);color:var(--cyan2);box-shadow:0 0 30px rgba(62,232,255,.25)}
.verify-icon.ok{color:var(--ok);background:rgba(41,227,161,.1);border-color:rgba(41,227,161,.45);box-shadow:0 0 30px rgba(41,227,161,.3)}
.verify-icon.warn{color:var(--warn);background:rgba(255,193,92,.1);border-color:rgba(255,193,92,.45);box-shadow:0 0 30px rgba(255,193,92,.25)}
.verify-required{margin-top:18px;padding-top:18px;border-top:1px solid var(--glass-b)}
[hidden]{display:none!important}

.min-wd{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;border-radius:14px;background:rgba(255,193,92,.07);border:1px solid rgba(255,193,92,.3);margin:-6px 0 18px}
.min-wd small{display:block;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.min-wd strong{font:700 20px var(--head);color:var(--warn)}
.min-wd span{color:#ffe2ad;font-size:14px;font-weight:600}

/* 404 */
.nf-code{font:700 64px/1 var(--head);margin:10px 0 6px;background:linear-gradient(90deg,var(--cyan2),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}
.notfound-card .auth-head .fish-logo{margin:0 auto}

/* locked referral */
.ref-locked{margin-bottom:14px;padding:14px 16px;border-radius:12px;background:rgba(41,227,161,.07);border:1px solid rgba(41,227,161,.35)}
.ref-locked small{display:block;font-size:13px;font-weight:600;color:#bcd3f2}
.ref-locked .ref-code{display:flex;align-items:center;gap:8px;margin:6px 0}
.ref-locked code{font:700 18px var(--head);letter-spacing:.06em;background:transparent;color:var(--ok);padding:0}
.ref-locked p{margin:0;font-size:14px;color:#c7dbf7}