:root{
  --bg:#090609;--bg2:#12080c;--panel:#160b10;--panel2:#1d0e14;--line:rgba(255,255,255,.08);
  --line2:rgba(226,95,118,.24);--text:#f8eef1;--muted:#a9959d;--soft:#d7c6cc;
  --accent:#c83d59;--accent2:#8e1f35;--good:#57d59a;--warn:#f3bd68;--danger:#ff7d91;
  --shadow:0 24px 60px rgba(0,0,0,.34);--radius:20px
}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;background:radial-gradient(circle at 85% 0%,rgba(154,31,58,.16),transparent 32%),linear-gradient(180deg,#10070a 0,#090609 44%,#080608 100%);color:var(--text);font-family:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",system-ui,sans-serif;min-height:100vh}
a{color:inherit;text-decoration:none}button,input{font:inherit}.account-shell{max-width:1180px;margin:0 auto;padding:22px 22px 108px}.account-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.account-brand{display:flex;align-items:center;gap:12px}.account-brand img{width:42px;height:42px}.account-brand-copy{display:flex;flex-direction:column}.account-brand-copy b{font-size:17px;letter-spacing:.02em}.account-brand-copy span{font-size:11px;color:var(--muted);margin-top:2px}.top-actions{display:flex;align-items:center;gap:10px}.network-chip,.back-link,.account-connect{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:13px;height:42px;padding:0 14px;color:var(--soft);display:inline-flex;align-items:center;justify-content:center;gap:8px}.network-chip i{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 12px var(--good)}.account-connect{cursor:pointer;background:linear-gradient(180deg,rgba(200,61,89,.22),rgba(200,61,89,.08));border-color:rgba(229,111,132,.28);color:#fff;font-weight:700}.account-connect:hover{border-color:rgba(239,135,153,.5)}
.account-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:22px;margin-bottom:22px}.eyebrow{font-size:11px;color:#d69aa6;letter-spacing:.14em;text-transform:uppercase}.account-hero h1{margin:8px 0 8px;font-size:clamp(30px,5vw,48px);line-height:1.04}.account-hero p{margin:0;color:var(--muted);font-size:14px;max-width:760px;line-height:1.8}.wallet-summary{min-width:270px;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:16px;padding:14px 16px}.wallet-summary small{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.wallet-summary strong{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;word-break:break-all}.wallet-summary span{display:block;color:#cdaeb7;font-size:11px;margin-top:7px}
.account-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px}.side-nav{position:sticky;top:18px;align-self:start;border:1px solid var(--line);background:rgba(18,9,13,.84);backdrop-filter:blur(12px);border-radius:18px;padding:10px}.side-nav a{display:flex;align-items:center;gap:11px;padding:12px 12px;border-radius:12px;color:var(--muted);font-size:13px;font-weight:650}.side-nav a:hover{background:rgba(255,255,255,.04);color:#fff}.side-nav a.active{background:linear-gradient(135deg,rgba(200,61,89,.22),rgba(142,31,53,.12));color:#fff;border:1px solid rgba(220,90,113,.18)}.nav-icon{width:23px;height:23px;border-radius:8px;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;font-size:11px}.content{min-width:0}.panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(29,14,20,.9),rgba(15,9,12,.92));border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);margin-bottom:18px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-head h2{font-size:20px;margin:3px 0 0}.panel-head p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.kicker{font-size:10px;color:#d68d9c;letter-spacing:.13em;text-transform:uppercase}.pill{font-size:11px;color:#dcb7bf;border:1px solid rgba(225,120,140,.18);background:rgba(200,61,89,.08);padding:7px 10px;border-radius:999px;white-space:nowrap}.grid{display:grid;gap:12px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:15px;padding:15px}.metric span{display:block;color:var(--muted);font-size:11px}.metric strong{display:block;margin-top:7px;font-size:19px}.metric small{display:block;margin-top:6px;color:#8e7e85;font-size:10px}.metric.accent{border-color:rgba(200,61,89,.22);background:linear-gradient(150deg,rgba(200,61,89,.10),rgba(255,255,255,.02))}.metric.good strong{color:#b5f2d5}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.module-card{border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:16px;padding:16px;min-height:142px;display:flex;flex-direction:column;transition:.18s ease}.module-card:hover{transform:translateY(-2px);border-color:rgba(228,111,132,.28);background:rgba(200,61,89,.05)}.module-card .module-icon{width:34px;height:34px;border-radius:11px;background:rgba(200,61,89,.12);display:flex;align-items:center;justify-content:center;color:#f0c6cf;font-weight:800;font-size:12px}.module-card h3{font-size:15px;margin:13px 0 6px}.module-card p{color:var(--muted);font-size:11px;line-height:1.65;margin:0}.module-card b{margin-top:auto;padding-top:12px;color:#e9aab7;font-size:11px;font-weight:700}.notice{border:1px solid rgba(243,189,104,.16);background:rgba(243,189,104,.055);color:#d8c29a;border-radius:14px;padding:13px 15px;font-size:12px;line-height:1.7}.notice.good{border-color:rgba(87,213,154,.16);background:rgba(87,213,154,.055);color:#b8e9d2}.notice.danger{border-color:rgba(255,125,145,.18);background:rgba(255,125,145,.06);color:#efbdc6}.account-log{white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.7;color:#b7a4ab;background:#0b0709;border:1px solid var(--line);padding:12px 14px;border-radius:13px;min-height:44px}.account-log[data-type="success"]{color:#a9dfc4}.account-log[data-type="error"]{color:#ef9daf}.btn{min-height:42px;border-radius:12px;border:1px solid rgba(219,91,115,.28);background:linear-gradient(180deg,#b92f4b,#8e2137);color:#fff;padding:0 15px;font-weight:750;cursor:pointer}.btn:hover{filter:brightness(1.08)}.btn:disabled{opacity:.42;cursor:not-allowed;filter:none}.btn.secondary{background:rgba(255,255,255,.045);border-color:var(--line);color:#e8d8dd}.btn.ghost{background:transparent;border-color:var(--line);color:#c8b5bc}.btn-row{display:flex;gap:9px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:11px;color:var(--muted)}.field input{height:46px;border-radius:12px;border:1px solid var(--line);background:#0d080b;color:#fff;padding:0 13px;outline:none}.field input:focus{border-color:rgba(225,107,129,.42);box-shadow:0 0 0 3px rgba(200,61,89,.07)}.field-help{font-size:10px;color:#83747a;line-height:1.6}.data-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.055);align-items:center}.data-row:last-child{border-bottom:0}.data-row span{color:var(--muted);font-size:11px}.data-row strong,.data-row code{font-size:12px;word-break:break-all;color:#eee0e4}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;background:#7c7075}.status-dot.good{background:var(--good);box-shadow:0 0 10px rgba(87,213,154,.45)}.status-dot.warn{background:var(--warn)}.status-dot.bad{background:var(--danger)}.code-box{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#0d080b;border-radius:13px;padding:8px 8px 8px 12px}.code-box code{flex:1;font-size:12px;word-break:break-all;color:#eadde1}.code-box button{flex:0 0 auto}.qr-wrap{width:210px;max-width:100%;aspect-ratio:1;background:#fff;border-radius:14px;padding:10px;display:flex;align-items:center;justify-content:center}.qr-wrap svg{width:100%;height:100%}.empty{border:1px dashed rgba(255,255,255,.11);border-radius:15px;padding:22px;color:var(--muted);font-size:12px;line-height:1.8;text-align:center}.split{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:18px}.tabs{display:flex;gap:8px;margin-bottom:16px}.tab{border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--muted);padding:9px 13px;border-radius:11px;cursor:pointer}.tab.active{color:#fff;border-color:rgba(220,94,117,.25);background:rgba(200,61,89,.10)}.position-card{border:1px solid var(--line);background:rgba(255,255,255,.02);border-radius:14px;padding:14px;margin-top:10px}.position-card h4{margin:0 0 9px;font-size:13px}.position-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.position-meta div{background:rgba(255,255,255,.025);border-radius:10px;padding:9px}.position-meta span{display:block;color:var(--muted);font-size:9px}.position-meta strong{display:block;margin-top:4px;font-size:11px}.transfer-form{display:grid;grid-template-columns:minmax(0,1fr) 180px auto;gap:10px;align-items:end}.footer{margin-top:28px;padding:20px 4px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#7f7076;font-size:10px;line-height:1.65}.mobile-nav{display:none}.account-wallet-picker{position:fixed;inset:0;z-index:2000;display:none}.account-wallet-picker.open{display:block}.account-wallet-backdrop{position:absolute;inset:0;background:rgba(2,1,2,.72);backdrop-filter:blur(8px)}.account-wallet-sheet{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 28px));background:#170c11;border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:18px;box-shadow:0 30px 90px rgba(0,0,0,.55)}.account-wallet-handle{display:none}.account-wallet-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}.account-wallet-head strong{display:block;font-size:18px}.account-wallet-head span{display:block;color:var(--muted);font-size:10px;margin-top:4px}.account-wallet-close{border:0;background:rgba(255,255,255,.04);color:#cdbbc1;width:34px;height:34px;border-radius:10px;font-size:22px;cursor:pointer}.account-wallet-options{display:grid;gap:9px}.account-wallet-option{width:100%;display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:#fff;border-radius:14px;padding:12px;cursor:pointer;text-align:left}.account-wallet-option:hover{border-color:rgba(220,94,117,.3)}.account-wallet-option span{display:flex;flex-direction:column}.account-wallet-option b{font-size:13px}.account-wallet-option small{font-size:9px;color:var(--muted);margin-top:3px}.account-wallet-option em{margin-left:auto;font-style:normal;font-size:22px;color:#9f8d94}.wallet-logo{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:10px;font-weight:850}.wallet-logo-mm{background:#2b1b13;color:#f1a46e}.wallet-logo-tp{background:#0f2030;color:#8bc8f5}.account-wallet-sheet>p{font-size:9px;color:#7f7076;line-height:1.6;margin:12px 1px}.account-wallet-cancel{width:100%;height:40px;border:1px solid var(--line);background:transparent;color:#bbaab0;border-radius:11px;cursor:pointer}.account-wallet-picker-open{overflow:hidden}
@media(max-width:900px){.account-layout{grid-template-columns:1fr}.side-nav{display:none}.account-hero{grid-template-columns:1fr}.wallet-summary{min-width:0}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}.mobile-nav{display:grid;position:fixed;z-index:1200;left:0;right:0;bottom:0;grid-template-columns:repeat(5,1fr);background:rgba(13,8,10,.93);backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:7px max(7px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left))}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#8d7e84;font-size:8px;min-height:42px;border-radius:10px}.mobile-nav a b{font-size:12px;font-weight:700}.mobile-nav a.active{color:#f4d7de;background:rgba(200,61,89,.08)}}
@media(max-width:620px){.account-shell{padding:15px 13px 95px}.account-topbar{margin-bottom:18px}.account-brand img{width:36px;height:36px}.account-brand-copy span{display:none}.network-chip{display:none}.back-link{padding:0 10px;font-size:10px}.account-connect{height:38px;padding:0 11px;font-size:10px}.account-hero h1{font-size:31px}.account-hero p{font-size:12px}.wallet-summary{padding:12px}.panel{padding:15px;border-radius:17px}.panel-head{margin-bottom:14px}.panel-head h2{font-size:18px}.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:12px}.metric strong{font-size:15px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.module-card{min-height:128px;padding:13px}.module-card h3{font-size:13px}.module-card p{font-size:10px}.data-row{grid-template-columns:105px minmax(0,1fr);gap:10px}.split{gap:12px}.transfer-form{grid-template-columns:1fr}.position-meta{grid-template-columns:1fr 1fr}.footer{flex-direction:column;gap:8px}.account-wallet-sheet{left:0;right:0;bottom:0;top:auto;transform:none;width:100%;border-radius:22px 22px 0 0;padding:14px 14px calc(14px + env(safe-area-inset-bottom))}.account-wallet-handle{display:block;width:42px;height:4px;border-radius:999px;background:#51444a;margin:0 auto 13px}.account-wallet-head strong{font-size:16px}}
@media(max-width:380px){.grid-2,.grid-3,.grid-4,.module-grid{grid-template-columns:1fr}.top-actions{gap:6px}.back-link{display:none}}

/* ===== V14 VISUAL POLISH: USER-FACING ACCOUNT CENTER ===== */
body{background:
  radial-gradient(circle at 12% -8%,rgba(241,96,124,.22),transparent 28%),
  radial-gradient(circle at 92% 8%,rgba(148,37,101,.20),transparent 30%),
  linear-gradient(180deg,#180912 0%,#0d070c 36%,#080608 100%);position:relative;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.34;background-image:
  linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,#000,transparent 62%)}
.account-shell{position:relative;z-index:1}.account-topbar{padding:8px 10px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.018));box-shadow:0 14px 45px rgba(0,0,0,.22);backdrop-filter:blur(16px)}
.account-brand img{filter:drop-shadow(0 0 16px rgba(226,72,104,.28))}.network-chip,.back-link,.account-connect{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.055)}
.account-connect{background:linear-gradient(135deg,#d74764,#8e1f3a);box-shadow:0 10px 30px rgba(197,49,79,.23),inset 0 1px rgba(255,255,255,.16)}
.account-hero{position:relative;overflow:hidden;min-height:240px;align-items:center;padding:34px 300px 34px 34px;border:1px solid rgba(242,119,143,.19);border-radius:26px;background:
  radial-gradient(circle at 78% 44%,rgba(217,57,91,.22),transparent 29%),
  linear-gradient(128deg,rgba(71,18,34,.92),rgba(23,10,17,.96) 52%,rgba(12,8,12,.96));box-shadow:0 28px 75px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.045)}
.account-hero:before{content:"";position:absolute;width:310px;height:310px;right:22px;top:50%;transform:translateY(-50%);background:url('/assets/emblem-crimson.v8.20261019.svg') center/contain no-repeat;filter:drop-shadow(0 0 28px rgba(230,63,98,.28));opacity:.86}
.account-hero:after{content:"";position:absolute;width:420px;height:420px;right:-34px;top:50%;transform:translateY(-50%);border-radius:50%;border:1px solid rgba(244,136,156,.12);box-shadow:0 0 0 38px rgba(217,62,94,.035),0 0 0 82px rgba(217,62,94,.025);pointer-events:none}
.account-hero>div:first-child{position:relative;z-index:2}.account-hero h1{font-weight:850;letter-spacing:-.035em;text-shadow:0 8px 35px rgba(0,0,0,.42)}.account-hero p{max-width:650px;color:#cdb7bf}.eyebrow{color:#f29aae;font-weight:800}.wallet-summary{position:absolute;right:26px;bottom:24px;z-index:3;width:255px;min-width:0;background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.045));border-color:rgba(255,255,255,.14);box-shadow:0 18px 45px rgba(0,0,0,.25);backdrop-filter:blur(18px)}
.side-nav{background:linear-gradient(180deg,rgba(35,13,23,.92),rgba(15,9,13,.9));box-shadow:0 20px 50px rgba(0,0,0,.28)}.side-nav a{position:relative;overflow:hidden}.side-nav a.active{background:linear-gradient(135deg,rgba(219,69,99,.28),rgba(106,31,62,.16));box-shadow:inset 0 1px rgba(255,255,255,.055)}.side-nav a.active:after{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:3px;background:#ef7189;box-shadow:0 0 14px rgba(239,113,137,.55)}
.panel{position:relative;overflow:hidden;background:linear-gradient(150deg,rgba(43,16,27,.92),rgba(20,10,15,.94) 48%,rgba(13,8,11,.96));border-color:rgba(255,255,255,.085);box-shadow:0 24px 68px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.035)}.panel:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(246,127,149,.34),transparent)}
.metric{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border-color:rgba(255,255,255,.085);box-shadow:inset 0 1px rgba(255,255,255,.035)}.metric:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:-26px;bottom:-34px;background:radial-gradient(circle,rgba(220,71,101,.18),transparent 70%)}.metric.accent{background:linear-gradient(145deg,rgba(209,57,88,.22),rgba(85,22,45,.11));border-color:rgba(236,107,132,.25)}.metric strong{font-weight:820;letter-spacing:-.02em}.metric span{color:#c3abb4}
.module-card{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.018));border-color:rgba(255,255,255,.085);box-shadow:0 12px 34px rgba(0,0,0,.16)}.module-card:before{content:"";position:absolute;width:130px;height:130px;right:-58px;top:-60px;border-radius:50%;background:radial-gradient(circle,rgba(229,84,115,.20),transparent 68%)}.module-card:nth-child(2n):before{background:radial-gradient(circle,rgba(155,76,191,.18),transparent 68%)}.module-card:nth-child(3n):before{background:radial-gradient(circle,rgba(225,144,88,.15),transparent 68%)}.module-card .module-icon{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,rgba(229,85,115,.28),rgba(111,28,57,.18));border:1px solid rgba(244,135,155,.16);box-shadow:0 9px 28px rgba(150,35,67,.20)}.module-card h3{font-size:16px}.module-card b{color:#f0a8b8}.module-card:hover{transform:translateY(-3px);border-color:rgba(239,116,139,.34);box-shadow:0 20px 44px rgba(0,0,0,.24)}
.code-box,.field input,.account-log{background:linear-gradient(180deg,rgba(6,4,6,.76),rgba(13,7,10,.9));border-color:rgba(255,255,255,.09)}.btn{background:linear-gradient(135deg,#d34260,#8f203b);box-shadow:0 9px 24px rgba(176,40,69,.22),inset 0 1px rgba(255,255,255,.12)}.btn.secondary{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));box-shadow:none}.qr-wrap{border:7px solid rgba(255,255,255,.92);box-shadow:0 18px 45px rgba(0,0,0,.28),0 0 0 1px rgba(231,98,126,.18)}
.notice{background:linear-gradient(135deg,rgba(243,189,104,.075),rgba(255,255,255,.018))}.notice.good{background:linear-gradient(135deg,rgba(87,213,154,.085),rgba(255,255,255,.018))}.notice.danger{background:linear-gradient(135deg,rgba(255,125,145,.085),rgba(255,255,255,.018))}
.mobile-nav{box-shadow:0 -14px 35px rgba(0,0,0,.32)}.mobile-nav a.active b{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:10px;background:linear-gradient(135deg,rgba(223,69,101,.34),rgba(107,30,59,.2));box-shadow:0 5px 18px rgba(187,44,75,.18)}
body[data-account-page="referral"] .account-hero{background:radial-gradient(circle at 82% 44%,rgba(219,70,115,.23),transparent 30%),linear-gradient(128deg,#4a1429,#1d0d18 55%,#0c080c)}
body[data-account-page="staking"] .account-hero{background:radial-gradient(circle at 82% 44%,rgba(161,80,188,.20),transparent 31%),linear-gradient(128deg,#351531,#1a0d1b 55%,#0c080c)}
body[data-account-page="team"] .account-hero{background:radial-gradient(circle at 82% 44%,rgba(225,113,94,.19),transparent 31%),linear-gradient(128deg,#411826,#1e0e16 55%,#0c080c)}
body[data-account-page="rewards"] .account-hero{background:radial-gradient(circle at 82% 44%,rgba(232,151,87,.18),transparent 31%),linear-gradient(128deg,#3b181d,#1e0e15 55%,#0c080c)}
body[data-account-page="assets"] .account-hero{background:radial-gradient(circle at 82% 44%,rgba(101,127,196,.16),transparent 31%),linear-gradient(128deg,#26152b,#170e19 55%,#0c080c)}
@media(max-width:900px){.account-hero{padding:26px 220px 26px 24px;min-height:220px}.account-hero:before{width:230px;height:230px;right:8px}.account-hero:after{width:320px;height:320px;right:-45px}.wallet-summary{right:18px;bottom:18px;width:205px}}
@media(max-width:620px){body{background:radial-gradient(circle at 50% -5%,rgba(229,76,107,.22),transparent 26%),linear-gradient(180deg,#170a12,#0d070c 42%,#080608)}.account-topbar{border-radius:16px;padding:7px 8px}.account-hero{display:block;min-height:315px;padding:24px 20px 104px;margin-bottom:16px;border-radius:22px}.account-hero:before{width:190px;height:190px;right:-12px;top:42%;opacity:.67}.account-hero:after{width:265px;height:265px;right:-48px;top:40%}.account-hero h1{font-size:33px;max-width:68%}.account-hero p{position:relative;z-index:3;max-width:70%;font-size:11px;line-height:1.7}.wallet-summary{left:16px;right:16px;bottom:14px;width:auto;padding:11px 13px;background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.055))}.panel{border-radius:19px;padding:16px}.metric{min-height:92px}.metric strong{font-size:17px}.module-card{min-height:146px;border-radius:17px;padding:14px}.module-card .module-icon{width:38px;height:38px}.mobile-nav{background:rgba(16,8,12,.95);border-top-color:rgba(239,115,138,.12)}.qr-wrap{margin:0 auto;width:min(230px,88vw)}}
@media(max-width:410px){.account-hero h1{max-width:76%}.account-hero p{max-width:78%}}

/* ===== V16 HERO SAFE-ZONE FIX: keep all copy clear of the Radar emblem ===== */
/* Desktop: reserve a dedicated right visual rail for emblem + wallet card. */
@media (min-width:901px){
  .account-hero{
    display:block;
    min-height:320px;
    padding:38px 370px 38px 36px;
  }
  .account-hero>div:first-child{
    position:relative;
    z-index:4;
    max-width:720px;
  }
  .account-hero h1,
  .account-hero p{
    max-width:100%;
  }
  .account-hero:before{
    width:184px;
    height:184px;
    right:66px;
    top:24px;
    transform:none;
    opacity:.94;
    z-index:1;
  }
  .account-hero:after{
    width:236px;
    height:236px;
    right:40px;
    top:-2px;
    transform:none;
    z-index:0;
  }
  .wallet-summary{
    right:28px;
    bottom:22px;
    width:260px;
    z-index:5;
  }
}

/* Tablet: same separation principle with a narrower visual rail. */
@media (min-width:621px) and (max-width:900px){
  .account-hero{
    display:block;
    min-height:330px;
    padding:30px 290px 30px 26px;
  }
  .account-hero>div:first-child{
    position:relative;
    z-index:4;
    max-width:100%;
  }
  .account-hero h1,
  .account-hero p{
    max-width:100%;
  }
  .account-hero:before{
    width:165px;
    height:165px;
    right:54px;
    top:24px;
    transform:none;
    opacity:.92;
    z-index:1;
  }
  .account-hero:after{
    width:210px;
    height:210px;
    right:31px;
    top:2px;
    transform:none;
    z-index:0;
  }
  .wallet-summary{
    right:20px;
    bottom:20px;
    width:235px;
    z-index:5;
  }
}

/* Mobile: copy, emblem and wallet summary occupy three separate vertical zones. */
@media (max-width:620px){
  .account-hero{
    display:block;
    min-height:505px;
    padding:24px 20px 116px;
  }
  .account-hero>div:first-child{
    position:relative;
    z-index:4;
    max-width:none;
  }
  .account-hero h1{
    max-width:100%;
  }
  .account-hero p{
    max-width:100%;
  }
  .account-hero:before{
    width:172px;
    height:172px;
    left:50%;
    right:auto;
    top:auto;
    bottom:118px;
    transform:translateX(-50%);
    opacity:.92;
    z-index:1;
  }
  .account-hero:after{
    width:222px;
    height:222px;
    left:50%;
    right:auto;
    top:auto;
    bottom:93px;
    transform:translateX(-50%);
    z-index:0;
  }
  .wallet-summary{
    left:16px;
    right:16px;
    bottom:14px;
    width:auto;
    z-index:5;
  }
}

@media (max-width:410px){
  .account-hero{
    min-height:525px;
  }
  .account-hero h1,
  .account-hero p{
    max-width:100%;
  }
}

/* ===== V17 LUMINOUS ACCOUNT CENTER =====
   Goals:
   1) Mobile hero stays a compact left-right layout.
   2) Brighter, more premium crimson/magenta visual system.
   3) Shared styling updates all account pages without touching business logic.
*/
:root{
  --bg:#0b0610;
  --bg2:#160817;
  --panel:#1a0b18;
  --panel2:#241024;
  --line:rgba(255,255,255,.12);
  --line2:rgba(255,87,146,.34);
  --text:#fff7fb;
  --muted:#d0b8c7;
  --soft:#f0dce7;
  --accent:#ff3f7f;
  --accent2:#c02264;
  --good:#58e7b0;
  --warn:#ffd166;
  --danger:#ff7896;
  --cyan:#58dcff;
  --violet:#ba78ff;
  --gold:#ffbf5b;
  --shadow:0 24px 70px rgba(15,2,18,.42);
}
html{background:#09050d}
body{
  position:relative;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 12% 8%,rgba(255,55,126,.20),transparent 27%),
    radial-gradient(circle at 88% 12%,rgba(155,76,255,.18),transparent 25%),
    radial-gradient(circle at 72% 58%,rgba(58,197,255,.09),transparent 26%),
    linear-gradient(180deg,#1c0818 0%,#100712 38%,#09060d 100%);
}
body:before,
body:after{
  content:"";
  position:fixed;
  pointer-events:none;
  z-index:-1;
  border-radius:50%;
  filter:blur(1px);
}
body:before{
  width:540px;height:540px;left:-310px;top:28vh;
  border:1px solid rgba(255,81,142,.10);
  box-shadow:0 0 0 54px rgba(255,68,128,.018),0 0 0 108px rgba(106,96,255,.014);
}
body:after{
  width:420px;height:420px;right:-250px;top:8vh;
  background:radial-gradient(circle,rgba(102,93,255,.11),rgba(255,61,132,.05) 42%,transparent 69%);
}
.account-shell{position:relative;z-index:1}
.account-topbar{
  border:1px solid rgba(255,255,255,.11);
  background:linear-gradient(135deg,rgba(83,22,58,.74),rgba(35,12,34,.88));
  box-shadow:0 15px 45px rgba(19,3,18,.28),inset 0 1px rgba(255,255,255,.04);
  border-radius:18px;
  padding:8px 10px;
  backdrop-filter:blur(18px);
}
.account-brand img{filter:drop-shadow(0 0 16px rgba(255,71,126,.38))}
.account-brand-copy b{color:#fff8fb;text-shadow:0 0 20px rgba(255,79,131,.18)}
.network-chip,.back-link{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.10)}
.account-connect{
  background:linear-gradient(135deg,#ff4a83,#bd245f);
  border-color:rgba(255,154,188,.45);
  box-shadow:0 8px 24px rgba(226,42,101,.30),inset 0 1px rgba(255,255,255,.25);
}
.account-connect:hover{filter:brightness(1.08);box-shadow:0 10px 30px rgba(236,53,110,.40)}

.account-hero{
  border-color:rgba(255,109,162,.28);
  box-shadow:0 28px 70px rgba(31,5,28,.38),inset 0 1px rgba(255,255,255,.045);
  isolation:isolate;
}
.account-hero:before{filter:drop-shadow(0 0 24px rgba(255,67,130,.52)) drop-shadow(0 0 44px rgba(125,80,255,.15))}
.account-hero:after{border-color:rgba(255,131,176,.20);box-shadow:0 0 0 34px rgba(255,57,124,.035),0 0 0 72px rgba(143,74,255,.025)}
.account-hero h1{color:#fff8fb;text-shadow:0 7px 28px rgba(0,0,0,.35),0 0 22px rgba(255,87,145,.14)}
.account-hero p{color:#e1c9d7}
.eyebrow{color:#ff9cbd;text-shadow:0 0 18px rgba(255,75,133,.24)}
.wallet-summary{
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(119,45,91,.13) 52%,rgba(48,26,55,.18));
  border-color:rgba(255,255,255,.18);
  box-shadow:0 16px 40px rgba(14,3,15,.28),inset 0 1px rgba(255,255,255,.08);
}
.wallet-summary strong{color:#fff8fb}.wallet-summary span{color:#f1b9cb}

body[data-account-page="overview"] .account-hero{
  background:
    radial-gradient(circle at 83% 46%,rgba(255,69,132,.33),transparent 29%),
    radial-gradient(circle at 66% 18%,rgba(122,94,255,.13),transparent 27%),
    linear-gradient(126deg,#551331,#2d1028 52%,#130a18 100%);
}
body[data-account-page="referral"] .account-hero{
  background:
    radial-gradient(circle at 82% 45%,rgba(255,73,143,.37),transparent 29%),
    radial-gradient(circle at 67% 15%,rgba(93,215,255,.10),transparent 26%),
    linear-gradient(126deg,#5b1237,#2f0f2e 52%,#130a18 100%);
}
body[data-account-page="staking"] .account-hero{
  background:
    radial-gradient(circle at 82% 45%,rgba(185,106,255,.34),transparent 30%),
    radial-gradient(circle at 69% 18%,rgba(72,211,255,.10),transparent 26%),
    linear-gradient(126deg,#3e1655,#251336 53%,#100a18 100%);
}
body[data-account-page="team"] .account-hero{
  background:
    radial-gradient(circle at 82% 45%,rgba(255,112,104,.34),transparent 30%),
    radial-gradient(circle at 70% 18%,rgba(255,76,149,.13),transparent 27%),
    linear-gradient(126deg,#57182f,#321224 53%,#130a16 100%);
}
body[data-account-page="rewards"] .account-hero{
  background:
    radial-gradient(circle at 82% 45%,rgba(255,177,72,.28),transparent 31%),
    radial-gradient(circle at 70% 18%,rgba(255,72,136,.14),transparent 26%),
    linear-gradient(126deg,#55201f,#321522 52%,#140a14 100%);
}
body[data-account-page="assets"] .account-hero{
  background:
    radial-gradient(circle at 82% 45%,rgba(75,199,255,.25),transparent 31%),
    radial-gradient(circle at 69% 18%,rgba(177,95,255,.17),transparent 27%),
    linear-gradient(126deg,#32204a,#20142f 53%,#100b18 100%);
}

.side-nav{
  border-color:rgba(255,255,255,.105);
  background:linear-gradient(180deg,rgba(45,16,37,.84),rgba(19,9,19,.92));
  box-shadow:0 20px 54px rgba(16,3,15,.26);
}
.side-nav a{color:#cdb5c4}.side-nav a:hover{background:rgba(255,255,255,.065)}
.side-nav a.active{
  background:linear-gradient(135deg,rgba(255,58,123,.31),rgba(148,55,199,.16));
  border-color:rgba(255,121,165,.28);
  box-shadow:0 8px 24px rgba(226,42,101,.14);
}
.nav-icon{background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035));color:#ffd4e2}

.panel{
  position:relative;
  overflow:hidden;
  border-color:rgba(255,255,255,.105);
  background:
    radial-gradient(circle at 95% 0%,rgba(255,68,132,.08),transparent 24%),
    linear-gradient(155deg,rgba(48,17,40,.92),rgba(21,10,22,.94));
  box-shadow:0 22px 58px rgba(16,3,15,.29),inset 0 1px rgba(255,255,255,.035);
}
.panel:before{
  content:"";position:absolute;pointer-events:none;width:150px;height:150px;right:-72px;top:-82px;border-radius:50%;
  border:1px solid rgba(255,91,146,.09);box-shadow:0 0 0 28px rgba(159,79,255,.018);
}
.panel-head h2{color:#fff8fb}.panel-head p{color:#ccb5c4}.kicker{color:#ff95b6;font-weight:750}.pill{color:#ffd7e4;border-color:rgba(255,112,162,.25);background:rgba(255,63,127,.10)}

.metric{
  border-color:rgba(255,255,255,.10);
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.024));
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 10px 28px rgba(11,2,12,.16);
}
.metric span{color:#d5bdcb}.metric small{color:#a58c9c}.metric strong{color:#fff7fb;text-shadow:0 0 18px rgba(255,255,255,.05)}
.grid .metric:nth-child(4n+1){border-color:rgba(255,79,137,.24);background:linear-gradient(145deg,rgba(255,56,124,.17),rgba(255,255,255,.025))}
.grid .metric:nth-child(4n+1) strong{color:#ff76a4}
.grid .metric:nth-child(4n+2){border-color:rgba(76,220,255,.22);background:linear-gradient(145deg,rgba(55,197,232,.13),rgba(255,255,255,.023))}
.grid .metric:nth-child(4n+2) strong{color:#64e3ff}
.grid .metric:nth-child(4n+3){border-color:rgba(255,193,88,.22);background:linear-gradient(145deg,rgba(255,179,69,.13),rgba(255,255,255,.023))}
.grid .metric:nth-child(4n+3) strong{color:#ffd06f}
.grid .metric:nth-child(4n+4){border-color:rgba(186,116,255,.22);background:linear-gradient(145deg,rgba(164,87,255,.14),rgba(255,255,255,.023))}
.grid .metric:nth-child(4n+4) strong{color:#c58aff}
.metric.accent{border-color:rgba(255,91,145,.31);background:linear-gradient(145deg,rgba(255,57,124,.22),rgba(121,32,86,.08))}
.metric.good strong{color:#6ee9b8!important}

.module-card{
  min-height:154px;
  border-color:rgba(255,255,255,.11);
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  box-shadow:0 15px 38px rgba(14,2,14,.19),inset 0 1px rgba(255,255,255,.04);
}
.module-card:nth-child(6n+1){background:linear-gradient(145deg,rgba(255,57,124,.20),rgba(93,22,67,.11));border-color:rgba(255,94,145,.25)}
.module-card:nth-child(6n+2){background:linear-gradient(145deg,rgba(162,83,255,.19),rgba(65,32,101,.10));border-color:rgba(186,117,255,.24)}
.module-card:nth-child(6n+3){background:linear-gradient(145deg,rgba(59,205,241,.17),rgba(31,78,103,.10));border-color:rgba(78,216,250,.22)}
.module-card:nth-child(6n+4){background:linear-gradient(145deg,rgba(255,163,67,.17),rgba(110,58,30,.10));border-color:rgba(255,187,94,.22)}
.module-card:nth-child(6n+5){background:linear-gradient(145deg,rgba(80,133,255,.18),rgba(41,48,107,.10));border-color:rgba(102,151,255,.22)}
.module-card:nth-child(6n+6){background:linear-gradient(145deg,rgba(255,102,170,.17),rgba(97,37,82,.10));border-color:rgba(255,130,183,.22)}
.module-card .module-icon{background:linear-gradient(145deg,rgba(255,91,145,.40),rgba(108,42,96,.20));border-color:rgba(255,176,203,.25);color:#fff6fa}
.module-card:nth-child(6n+2) .module-icon{background:linear-gradient(145deg,rgba(190,114,255,.42),rgba(75,44,128,.22))}
.module-card:nth-child(6n+3) .module-icon{background:linear-gradient(145deg,rgba(81,223,255,.36),rgba(31,91,116,.22))}
.module-card:nth-child(6n+4) .module-icon{background:linear-gradient(145deg,rgba(255,188,92,.40),rgba(121,67,32,.22))}
.module-card:nth-child(6n+5) .module-icon{background:linear-gradient(145deg,rgba(99,151,255,.38),rgba(48,61,133,.22))}
.module-card h3{color:#fff8fb}.module-card p{color:#d3bdca}.module-card b{color:#ffb0c8}

.btn{background:linear-gradient(135deg,#ff4d86,#bd245f);border-color:rgba(255,157,190,.34);box-shadow:0 9px 24px rgba(217,38,96,.20)}
.btn.secondary{background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.035));border-color:rgba(255,255,255,.11)}
.btn.ghost{color:#f0d8e4;border-color:rgba(255,255,255,.11)}
.field input,.code-box,.account-log{background:rgba(12,6,14,.72);border-color:rgba(255,255,255,.10)}
.notice{background:rgba(255,191,91,.085);border-color:rgba(255,195,102,.22);color:#f2d6a1}
.notice.good{background:rgba(74,224,169,.075);border-color:rgba(74,224,169,.20);color:#b9f2d8}
.notice.danger{background:rgba(255,105,137,.075);border-color:rgba(255,105,137,.21);color:#ffc0cf}

.mobile-nav{
  background:linear-gradient(180deg,rgba(31,10,25,.97),rgba(14,7,14,.98));
  border-top-color:rgba(255,111,158,.18);
  box-shadow:0 -18px 44px rgba(10,1,12,.38);
}
.mobile-nav a{color:#b79daa}.mobile-nav a.active{color:#fff0f6;background:linear-gradient(135deg,rgba(255,63,127,.23),rgba(154,68,214,.10))}
.mobile-nav a.active b{background:linear-gradient(135deg,rgba(255,71,132,.52),rgba(134,61,202,.28));box-shadow:0 7px 22px rgba(235,54,111,.28)}

/* Compact mobile hero: text left, emblem right, wallet summary in a shallow strip below. */
@media(max-width:620px){
  body{
    background:
      radial-gradient(circle at 4% 5%,rgba(255,63,128,.24),transparent 24%),
      radial-gradient(circle at 96% 14%,rgba(143,84,255,.20),transparent 23%),
      linear-gradient(180deg,#21091b,#120813 42%,#09060d 100%);
  }
  .account-shell{padding:14px 13px 94px}
  .account-topbar{margin-bottom:14px;padding:7px 8px;background:linear-gradient(135deg,rgba(92,27,65,.86),rgba(39,13,38,.92))}
  .account-brand img{width:37px;height:37px}
  .account-brand-copy b{font-size:15px}
  .back-link{display:none}
  .account-connect{height:38px;padding:0 12px;font-size:10px;border-radius:12px}

  .account-hero{
    display:grid!important;
    grid-template-columns:minmax(0,1.42fr) minmax(102px,.78fr);
    grid-template-rows:auto 70px;
    column-gap:8px;
    row-gap:10px;
    align-items:start;
    min-height:258px!important;
    padding:21px 15px 13px 18px!important;
    border-radius:22px;
    margin-bottom:14px;
  }
  .account-hero>div:first-child{
    grid-column:1;
    grid-row:1;
    position:relative;
    z-index:5;
    max-width:none!important;
    align-self:start;
  }
  .account-hero h1{
    margin:7px 0 9px;
    font-size:clamp(29px,8.4vw,36px);
    line-height:1.03;
    max-width:100%!important;
    white-space:nowrap;
  }
  .account-hero p{
    max-width:100%!important;
    font-size:10.5px;
    line-height:1.68;
    color:#e2ccd8;
  }
  .eyebrow{font-size:9px;letter-spacing:.12em}
  .account-hero:before{
    width:126px!important;
    height:126px!important;
    left:auto!important;
    right:8px!important;
    top:54px!important;
    bottom:auto!important;
    transform:none!important;
    opacity:.96!important;
    z-index:2!important;
  }
  .account-hero:after{
    width:166px!important;
    height:166px!important;
    left:auto!important;
    right:-12px!important;
    top:34px!important;
    bottom:auto!important;
    transform:none!important;
    z-index:1!important;
  }
  .wallet-summary{
    grid-column:1 / -1;
    grid-row:2;
    position:relative!important;
    left:auto!important;right:auto!important;bottom:auto!important;
    width:100%!important;min-width:0!important;
    align-self:end;
    padding:10px 12px;
    border-radius:14px;
    z-index:6;
  }
  .wallet-summary small{font-size:9px;margin-bottom:3px}
  .wallet-summary strong{font-size:10px;line-height:1.25;max-height:27px;overflow:hidden}
  .wallet-summary span{font-size:9px;margin-top:4px}

  .panel{padding:15px;border-radius:19px;background:radial-gradient(circle at 92% 0%,rgba(255,69,132,.11),transparent 24%),linear-gradient(155deg,rgba(55,19,45,.94),rgba(22,10,23,.96))}
  .panel-head h2{font-size:19px}
  .panel-head p{font-size:10.5px}
  .grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .metric{min-height:94px;padding:12px}
  .metric span{font-size:9.5px}.metric strong{font-size:17px}.metric small{font-size:8.5px}
  .module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .module-card{min-height:143px;padding:13px;border-radius:17px}
  .module-card .module-icon{width:39px;height:39px;border-radius:13px}
  .module-card h3{font-size:13.5px;margin-top:11px}.module-card p{font-size:9.5px}.module-card b{font-size:9.5px}
  .qr-wrap{margin:0 auto;width:min(230px,88vw)}
}

@media(max-width:390px){
  .account-hero{grid-template-columns:minmax(0,1.48fr) minmax(94px,.72fr);min-height:266px!important;padding-left:16px!important;padding-right:12px!important}
  .account-hero:before{width:116px!important;height:116px!important;right:4px!important;top:58px!important}
  .account-hero:after{width:154px!important;height:154px!important;right:-14px!important;top:39px!important}
  .account-hero h1{font-size:29px}
  .account-hero p{font-size:9.7px;line-height:1.62}
}


/* V32 · referral-qualified staking entry gate */
.staking-access-note{margin-bottom:18px}
[data-staking-entry-zone]{transition:opacity .18s ease,border-color .18s ease,filter .18s ease}
[data-staking-entry-zone].staking-entry-locked{opacity:.72;filter:saturate(.72)}
[data-staking-entry-zone].staking-entry-locked .metric{border-color:rgba(255,255,255,.055)}
[data-staking-entry-action][disabled]{pointer-events:none}
@media(max-width:620px){.staking-access-note{margin-bottom:14px}}