*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --black:#000000;
  --white:#FFFFFF;
  --gold:#B8960C;
  --gold-dim:rgba(184,150,12,.3);
  --gold-glow:rgba(184,150,12,.08);
  --gray-900:#0d0d0d;
  --gray-800:#1a1a1a;
  --gray-700:#2a2a2a;
  --gray-600:#444;
  --gray-500:#666;
  --gray-400:#888;
  --gray-300:#aaa;
  --aria:#4A9EFF;
  --kas:#49EACB;
  --font-h:'Cormorant Garamond',Georgia,serif;
  --font-b:'Instrument Sans',system-ui,sans-serif;
  --font-m:'DM Mono',monospace;
}

html{scroll-behavior:smooth;background:var(--black)}
body{font-family:var(--font-b);color:var(--white);background:var(--black);overflow-x:hidden;-webkit-font-smoothing:antialiased}

/* ── UTILITY ── */
.container{max-width:1200px;margin:0 auto;padding:0 24px}
@media(min-width:768px){.container{padding:0 48px}}

/* ── NAV ── */
nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:none}
.nav-inner{display:flex;align-items:center;height:64px}
.nav-logo-wrap{display:flex;align-items:center;justify-content:center;background:var(--white);padding:0 28px;height:64px;flex-shrink:0}
.nav-logo{height:28px}
.nav-menu{display:flex;align-items:center;justify-content:flex-end;flex:1;background:var(--black);height:64px;padding:0 32px;gap:32px;border-bottom:1px solid rgba(184,150,12,.15)}
.nav-menu a{color:var(--gray-300);text-decoration:none;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;transition:color .3s}
.nav-menu a:hover{color:var(--gold)}
.lang-toggle{background:none;border:1px solid var(--gold-dim);color:var(--gold);padding:6px 12px;font-family:var(--font-m);font-size:11px;letter-spacing:2px;cursor:pointer;transition:all .3s}
.lang-toggle:hover{border-color:var(--gold);background:var(--gold);color:var(--black)}
[data-lang="en"] .it{display:none!important}
[data-lang="it"] .en{display:none!important}
.nav-link-btn{display:flex;align-items:center;gap:6px;background:none;border:1px solid var(--gray-700);color:var(--gray-300);padding:8px 16px;font-family:var(--font-b);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .3s}
.nav-link-btn:hover{border-color:var(--gold);color:var(--gold)}
.nav-link-btn svg{opacity:.7}
.nav-logged-in{display:none;align-items:center;gap:12px}
.nav-logged-in.active{display:flex}
.nav-avatar{width:32px;height:32px;background:var(--gold);color:var(--black);display:flex;align-items:center;justify-content:center;font-family:var(--font-m);font-size:13px;font-weight:700;cursor:pointer;border-radius:50%;overflow:hidden;background-size:cover;background-position:center}
.nav-avatar-wrap{position:relative}
.avatar-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#0a0a0a;border:1px solid var(--gray-700);z-index:9999;flex-direction:column}
.avatar-dropdown.open{display:flex}
.avatar-dropdown a,.avatar-dropdown button{display:flex;align-items:center;gap:10px;padding:12px 16px;font-family:var(--font-b);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gray-300);background:none;border:none;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;text-decoration:none;transition:color .2s;text-align:left;width:100%;white-space:nowrap}
.avatar-dropdown a:last-child,.avatar-dropdown button:last-child{border-bottom:none}
.avatar-dropdown a:hover,.avatar-dropdown button:hover{color:var(--gold)}
.avatar-dropdown .ad-divider{height:1px;background:var(--gray-700);margin:0}
.avatar-upload-label{display:flex;align-items:center;gap:8px;padding:10px 16px;font-family:var(--font-m);font-size:10px;letter-spacing:1px;color:var(--gray-400);cursor:pointer;transition:color .2s;border-bottom:1px solid rgba(255,255,255,.04)}
.avatar-upload-label:hover{color:var(--gold)}
.nav-right{display:flex;align-items:center;gap:12px;margin-left:auto}
.nav-app-btn{text-decoration:none;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--black);border:1px solid #4A9EFF;color:#4A9EFF;font-family:var(--font-h);font-size:13px;font-weight:700;letter-spacing:1px;transition:all .3s}
.nav-app-btn:hover{background:#4A9EFF;color:var(--black)!important}
@media(max-width:768px){#nav-rpts-counter{display:none!important}#nav-nft-counter{display:none!important}.nav-desktop-link{display:none!important}.nav-avatar-wrap{display:none!important}.nav-logged-in.active{display:none!important}.nav-app-btn{padding:6px 12px;font-size:11px}.nav-app-btn svg{width:12px;height:12px}.nav-right .lang-toggle{display:none}}
.nav-cta{background:var(--gold);color:var(--black);padding:10px 24px;font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:600;border:none;cursor:pointer;transition:all .3s}
.nav-cta:hover{background:var(--white)}

/* ── HERO ── */
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:120px 24px 80px}
.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:none}
.hero-content{position:relative;z-index:1;max-width:800px}
.hero-logo{width:min(400px,80vw);margin-bottom:48px;animation:fadeUp 1s ease-out}
.hero-rule{width:80px;height:1px;background:var(--gold);margin:0 auto 40px;animation:fadeUp 1s ease-out .2s both}
.hero h1{font-family:var(--font-h);font-size:clamp(32px,6vw,64px);font-weight:300;line-height:1.15;letter-spacing:-0.5px;margin-bottom:24px;animation:fadeUp 1s ease-out .3s both}
.hero h1 em{font-style:italic;color:var(--gold)}
.hero p{font-size:clamp(14px,2vw,18px);color:var(--gray-300);line-height:1.7;max-width:560px;margin:0 auto 48px;animation:fadeUp 1s ease-out .4s both}
.hero-form{display:flex;gap:0;max-width:440px;margin:0 auto;animation:fadeUp 1s ease-out .5s both}
.hero-form input{flex:1;padding:16px 20px;background:var(--gray-800);border:1px solid var(--gray-700);color:var(--white);font-family:var(--font-b);font-size:14px;outline:none;transition:border-color .3s}
.hero-form input::placeholder{color:var(--gray-400)}
.hero-form input:focus{border-color:var(--gold)}
.hero-form button{padding:16px 28px;background:var(--gold);color:var(--black);border:none;font-family:var(--font-b);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s;white-space:nowrap}
.hero-form button:hover{background:var(--white)}
@media(max-width:480px){.hero-form{flex-direction:column}.hero-form button{width:100%}}
.hero-badge{display:inline-block;margin-top:20px;font-family:var(--font-m);font-size:11px;color:var(--gold);letter-spacing:2px;opacity:.7}
.hero-scroll{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);animation:float 3s ease-in-out infinite}
.hero-scroll span{display:block;width:1px;height:40px;background:linear-gradient(to bottom,var(--gold),transparent)}
#video-wrap:fullscreen,#video-wrap:-webkit-full-screen,#airdrop-video-wrap:fullscreen,#airdrop-video-wrap:-webkit-full-screen{padding-bottom:0;height:100vh;background:#000}
#video-wrap:fullscreen iframe,#video-wrap:-webkit-full-screen iframe,#airdrop-video-wrap:fullscreen iframe,#airdrop-video-wrap:-webkit-full-screen iframe{position:absolute;top:0;left:0;width:100%;height:100%}
#video-wrap:fullscreen button,#video-wrap:-webkit-full-screen button,#airdrop-video-wrap:fullscreen button,#airdrop-video-wrap:-webkit-full-screen button{display:none}

/* ── SECTIONS ── */
section{padding:clamp(80px,12vw,160px) 0;position:relative}
.section-label{font-family:var(--font-m);font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.section-title{font-family:var(--font-h);font-size:clamp(28px,5vw,52px);font-weight:300;line-height:1.2;margin-bottom:24px}
.section-title em{font-style:italic;color:var(--gold)}
.section-text{font-size:clamp(14px,1.5vw,17px);color:var(--gray-300);line-height:1.8;max-width:600px}

/* ── WHAT (white section) ── */
.what{background:var(--white);color:var(--black)}
.what .section-text{color:#555}
.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-top:64px}
.pillar{padding:40px;border:1px solid #e0e0e0;position:relative;transition:all .4s}
.pillar:hover{border-color:var(--gold);transform:translateY(-4px)}
.pillar-num{font-family:var(--font-m);font-size:11px;color:var(--gold);letter-spacing:3px;margin-bottom:16px}
.pillar h3{font-family:var(--font-h);font-size:24px;font-weight:500;margin-bottom:12px;color:var(--black)}
.pillar p{font-size:14px;color:#666;line-height:1.7}

/* ── HOW ── */
.how-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2px;margin-top:64px}
.step{padding:40px 32px;background:var(--gray-800);position:relative;transition:background .4s}
.step:hover{background:var(--gray-700)}
.step-num{font-family:var(--font-h);font-size:48px;font-weight:300;color:var(--gold);opacity:.4;margin-bottom:8px}
.step h3{font-family:var(--font-h);font-size:22px;font-weight:500;margin-bottom:12px}
.step p{font-size:13px;color:var(--gray-300);line-height:1.7}
.step-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--gold-dim);font-size:24px}
@media(max-width:768px){.step-arrow{display:none}}


/* ── DIFFERENT (white) ── */
.different{background:var(--white);color:var(--black)}
.diff-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:64px;border:1px solid #e0e0e0}
@media(max-width:768px){.diff-grid{grid-template-columns:1fr}}
.diff-item{padding:40px;border-bottom:1px solid #e0e0e0;position:relative;overflow:hidden;transition:background .3s}
.diff-item:nth-child(odd){border-right:1px solid #e0e0e0}
@media(max-width:768px){.diff-item:nth-child(odd){border-right:none}}
.diff-item:hover{background:var(--gold-glow)}
.diff-icon{font-family:var(--font-m);font-size:11px;color:var(--gold);letter-spacing:3px;margin-bottom:16px;text-transform:uppercase}
.diff-item h3{font-family:var(--font-h);font-size:22px;font-weight:500;margin-bottom:8px;color:var(--black)}
.diff-item p{font-size:14px;color:#666;line-height:1.7}

/* ── KASPA ── */
.kaspa-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
@media(max-width:768px){.kaspa-inner{grid-template-columns:1fr;gap:48px}}
#kaspa-compare{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:800px;margin:40px auto 0}
@media(max-width:600px){#kaspa-compare{grid-template-columns:1fr}}
.kaspa-stats{display:flex;flex-direction:column;gap:32px}
.kstat{padding:24px 0;border-bottom:1px solid var(--gray-700)}
.kstat-val{font-family:var(--font-h);font-size:36px;font-weight:300;color:var(--gold);margin-bottom:4px}
.kstat-label{font-size:13px;color:var(--gray-400);letter-spacing:1px}

/* ── ROADMAP ── */
.roadmap{background:var(--white);color:var(--black)}
.phases{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2px;margin-top:64px}
.phase{padding:40px;background:#f8f8f8;position:relative;transition:all .4s;cursor:pointer}
.phase:hover{background:#f0f0f0;transform:translateY(-2px)}
.phase-tag{display:inline-block;font-family:var(--font-m);font-size:10px;letter-spacing:3px;text-transform:uppercase;padding:4px 12px;margin-bottom:16px;border:1px solid var(--gold);color:var(--gold)}
.phase.active .phase-tag{background:var(--gold);color:var(--black)}
.phase h3{font-family:var(--font-h);font-size:22px;font-weight:500;margin-bottom:12px;color:var(--black)}
.phase p{font-size:13px;color:#666;line-height:1.7}
.phase-dot{position:absolute;top:40px;right:24px;width:8px;height:8px;border-radius:50%;background:#ddd}
.phase.active .phase-dot{background:var(--gold);box-shadow:0 0 12px var(--gold-dim)}
/* ── ROADMAP DETAIL ── */
.rd-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:280;background:var(--black);overflow-y:auto}
.rd-overlay.active{display:block}
.rd-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;border-bottom:1px solid var(--gray-700)}
.rd-nav span{font-family:var(--font-m);font-size:12px;color:var(--gold);letter-spacing:2px}
.rd-close{background:none;border:1px solid var(--gray-700);color:var(--gray-400);padding:8px 16px;font-size:12px;cursor:pointer;transition:all .3s}
.rd-close:hover{border-color:var(--gold);color:var(--gold)}
.rd-content{max-width:800px;margin:0 auto;padding:60px 24px}
.rd-phase-tag{display:inline-block;font-family:var(--font-m);font-size:11px;letter-spacing:3px;text-transform:uppercase;padding:6px 16px;margin-bottom:24px;border:1px solid var(--gold);color:var(--gold)}
.rd-phase-tag.rd-active{background:var(--gold);color:var(--black)}
.rd-content h1{font-family:var(--font-h);font-size:clamp(28px,4vw,42px);font-weight:300;color:var(--white);margin-bottom:12px}
.rd-content .rd-desc{font-size:15px;color:var(--gray-300);line-height:1.8;margin-bottom:40px}
.rd-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:40px}
.rd-stat{padding:24px;background:var(--gray-800);border:1px solid var(--gray-700);text-align:center}
.rd-stat-val{font-family:var(--font-h);font-size:32px;font-weight:300;color:var(--gold);margin-bottom:4px}
.rd-stat-label{font-size:11px;color:var(--gray-400);letter-spacing:1px;text-transform:uppercase}
.rd-coming{text-align:center;padding:48px 24px;border:1px solid var(--gray-700);margin-bottom:40px}
.rd-coming h3{font-family:var(--font-h);font-size:24px;font-weight:300;color:var(--gray-400);margin-bottom:12px}
.rd-coming p{font-size:13px;color:var(--gray-400)}
.rd-features{margin-bottom:40px}
.rd-features h3{font-family:var(--font-h);font-size:20px;font-weight:400;color:var(--white);margin-bottom:16px}
.rd-features ul{list-style:none;padding:0}
.rd-features li{padding:12px 0;border-bottom:1px solid var(--gray-800);font-size:14px;color:var(--gray-300);display:flex;align-items:flex-start;gap:12px}
.rd-features li::before{content:'→';color:var(--gold);font-weight:700;flex-shrink:0}

/* ── CTA FINALE ── */
.cta-section{text-align:center;padding:clamp(100px,15vw,200px) 24px}
.cta-section .section-title{max-width:700px;margin:0 auto 24px}
.cta-symbol{width:60px;margin-bottom:32px;opacity:.2}
.cta-counter{font-family:var(--font-m);font-size:12px;color:var(--gold);letter-spacing:3px;margin-top:24px}
.cta-legal{font-size:11px;color:var(--gray-400);margin-top:12px;max-width:400px;margin-left:auto;margin-right:auto}

/* ── FOOTER ── */
footer{padding:60px 0;border-top:1px solid var(--gray-700)}
.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}
.footer-logo{height:24px;opacity:.5}
.footer-links{display:flex;gap:24px}
.footer-links a{font-size:12px;color:var(--gray-400);text-decoration:none;letter-spacing:1px;transition:color .3s}
.footer-links a:hover{color:var(--gold)}
.footer-copy{font-size:11px;color:var(--gray-400);width:100%;text-align:center;margin-top:16px}

/* ── ANIMATIONS ── */
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes float{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}

.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease-out,transform .8s ease-out}
.reveal.visible{opacity:1;transform:translateY(0)}

/* ── GOLD LINE SEPARATOR ── */
.fomo{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:28px;animation:fadeUp 1s ease-out .6s both}
.fomo-bar-wrap{width:200px;height:4px;background:var(--gray-700);position:relative;overflow:hidden}
.fomo-bar{height:100%;background:var(--gold);transition:width 1.5s ease-out;width:0}
.fomo-text{font-family:var(--font-m);font-size:11px;letter-spacing:1.5px;color:var(--gold)}
.fomo-pulse{display:inline-block;width:6px;height:6px;background:var(--gold);border-radius:50%;margin-right:8px;animation:pulse 2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
@keyframes spin{to{transform:rotate(360deg)}}
.fomo-big{font-family:var(--font-h);font-size:clamp(36px,6vw,56px);font-weight:300;color:var(--gold);letter-spacing:-1px}
.fomo-big span{color:var(--gray-400);font-size:.5em}





/* ── ADMIN AREA ── */
/* ── ADMIN PANEL — CSS Grid layout ── */
.admin-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:250;background:var(--black);grid-template-rows:48px 1fr;grid-template-columns:210px 1fr;grid-template-areas:"nav nav" "side main";overflow:hidden}
.admin-overlay.active{display:grid}
.admin-nav{grid-area:nav;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--gray-800);background:var(--black);z-index:12}
.admin-nav span{font-family:var(--font-m);font-size:11px;color:var(--gold);letter-spacing:2px}
.admin-close{background:none;border:1px solid var(--gray-700);color:var(--gray-400);padding:5px 14px;font-size:11px;cursor:pointer;transition:all .2s;font-family:var(--font-m);letter-spacing:1px}
.admin-close:hover{border-color:var(--gold);color:var(--gold)}
.admin-layout{display:contents}
.admin-sidebar{grid-area:side;background:var(--gray-900);border-right:1px solid var(--gray-800);overflow-y:auto;overflow-x:hidden;padding:16px 0;min-width:0}
.admin-sidebar-group{margin-bottom:8px}
.admin-sidebar-label{font-family:var(--font-m);font-size:8px;letter-spacing:2px;text-transform:uppercase;color:var(--gray-600);padding:16px 20px 6px;display:block}
.admin-sidebar-item{display:flex;align-items:center;gap:10px;padding:9px 20px;font-family:var(--font-m);font-size:11px;letter-spacing:.3px;color:var(--gray-400);cursor:pointer;transition:all .15s;border-left:3px solid transparent;background:none;border-top:none;border-bottom:none;border-right:none;width:100%;max-width:100%;box-sizing:border-box;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-sidebar-item:hover{color:var(--white);background:rgba(255,255,255,.03)}
.admin-sidebar-item:focus,.admin-sidebar-item:focus-visible,.admin-sidebar-item:active{outline:0!important;outline-style:none!important;box-shadow:none!important;-webkit-appearance:none!important;-webkit-tap-highlight-color:transparent!important}
.admin-sidebar-item.active{color:var(--gold);border-left-color:var(--gold);background:rgba(184,150,12,.04)}
.admin-overlay *:focus,.admin-overlay *:focus-visible,.admin-overlay *:active{outline:0!important;outline-style:none!important;box-shadow:none!important;-webkit-appearance:none!important;-webkit-tap-highlight-color:transparent!important}
.admin-sidebar-item svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.5;flex-shrink:0}
.admin-main{grid-area:main;overflow-y:auto;overflow-x:hidden;position:relative;z-index:10;background:var(--black)}
.admin-content{padding:36px 40px 80px}
.admin-content h1{display:none}
.admin-section{margin-bottom:48px;display:none}
.admin-section.active{display:block}
.admin-section h2{font-family:var(--font-h);font-size:24px;font-weight:400;margin-bottom:20px;color:var(--white);border-bottom:1px solid var(--gray-700);padding-bottom:10px}
.admin-burger-sidebar{display:none;background:none;border:none;color:var(--gray-400);cursor:pointer;padding:6px;margin-right:8px}
.admin-burger-sidebar span{display:block;width:16px;height:2px;background:currentColor;margin:3px 0}
@media(max-width:768px){
  .admin-overlay.active{grid-template-columns:1fr;grid-template-areas:"nav" "main"}
  .admin-sidebar{position:fixed;left:-250px;top:48px;bottom:0;z-index:300;transition:left .25s;width:240px}
  .admin-sidebar.open{left:0}
  .admin-burger-sidebar{display:block}
  .admin-content{padding:20px 16px 60px}
}
.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:28px}
.admin-card{padding:28px;background:var(--gray-800);border:1px solid var(--gray-700)}
.admin-card-val{font-family:var(--font-h);font-size:28px;font-weight:300;color:var(--gold);margin-bottom:4px}
.admin-card-label{font-size:12px;color:var(--gray-400);letter-spacing:1px}
.admin-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:auto}
.admin-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.admin-table th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--gray-700);color:var(--gold);font-family:var(--font-m);font-size:11px;letter-spacing:1px;text-transform:uppercase}
.admin-table td{padding:10px 12px;border-bottom:1px solid var(--gray-800);color:var(--gray-300)}
.admin-table tr:hover td{background:rgba(184,150,12,.03)}
.admin-table tr.adm-user-row{cursor:pointer}
.admin-table tr.adm-user-row td:first-child::before{content:'▸ ';color:var(--gold);font-size:11px}
.admin-table tr.adm-user-row.expanded td:first-child::before{content:'▾ '}
.adm-detail-row td{padding:0!important;border-bottom:1px solid var(--gray-800)}
.adm-detail-inner{padding:12px 16px;background:rgba(184,150,12,.04);border-left:3px solid var(--gold);margin:4px 0}
.adm-detail-inner h4{font-family:var(--font-h);font-size:14px;color:var(--gold);margin-bottom:8px;font-weight:400}
.adm-detail-inner table{width:100%;font-size:12px;margin-bottom:12px}
.adm-detail-inner table th{color:var(--gray-400);font-size:10px;text-transform:uppercase;letter-spacing:1px;padding:4px 8px;border-bottom:1px solid var(--gray-800);text-align:left}
.adm-detail-inner table td{padding:4px 8px;color:var(--gray-300);border-bottom:1px solid rgba(255,255,255,.04)}
.adm-detail-inner .adm-reason{font-family:var(--font-m);font-size:11px;padding:2px 6px;border-radius:3px}
.adm-detail-inner .adm-r-checkin{background:rgba(74,158,255,.15);color:var(--aria)}
.adm-detail-inner .adm-r-referral{background:rgba(73,234,203,.15);color:var(--kas)}
.adm-detail-inner .adm-r-welcome{background:rgba(184,150,12,.15);color:var(--gold)}
.adm-detail-inner .adm-r-video{background:rgba(168,85,247,.15);color:#a855f7}
.adm-detail-inner .adm-r-streak{background:rgba(251,146,60,.15);color:#fb923c}
.adm-detail-inner .adm-r-default{background:rgba(255,255,255,.08);color:var(--gray-300)}
.adm-detail-inner .adm-nft-badge{display:inline-block;padding:2px 8px;font-size:10px;letter-spacing:1px;font-family:var(--font-m);background:rgba(184,150,12,.15);color:var(--gold);border:1px solid rgba(184,150,12,.3);border-radius:3px}
.admin-badge{display:inline-block;padding:2px 8px;font-size:10px;letter-spacing:1px;font-family:var(--font-m)}
.admin-badge-green{background:rgba(73,181,131,.15);color:#49b583;border:1px solid rgba(73,181,131,.3)}
.admin-badge-gold{background:rgba(184,150,12,.15);color:var(--gold);border:1px solid var(--gold-dim)}
.admin-note{font-size:12px;color:var(--gray-400);font-style:italic;margin-top:8px}

/* ── INVESTOR PAGE ── */
.investor-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:200;background:var(--black);overflow-y:auto;color:var(--white)}
.investor-overlay.active{display:block}
.investor-nav{display:flex;align-items:center;justify-content:space-between;padding:20px 48px;border-bottom:1px solid var(--gray-700)}
.investor-nav img{height:32px}
.investor-close{background:none;border:1px solid var(--gray-700);color:var(--gray-400);padding:8px 20px;font-size:12px;letter-spacing:1.5px;cursor:pointer;transition:all .3s}
.investor-close:hover{border-color:var(--gold);color:var(--gold)}
.investor-content{max-width:760px;margin:0 auto;padding:80px 24px}
.investor-content h1{font-family:var(--font-h);font-size:clamp(32px,5vw,48px);font-weight:300;margin-bottom:16px;color:var(--white)}
.investor-content h1 em{color:var(--gold);font-style:italic}
.investor-content h2{font-family:var(--font-h);font-size:24px;font-weight:400;margin:48px 0 16px;color:var(--white);border-bottom:1px solid var(--gray-700);padding-bottom:8px}
.investor-content p{font-size:15px;color:var(--gray-300);line-height:1.8;margin-bottom:16px}
.investor-content strong{color:var(--white)}
.investor-highlight{padding:24px;background:rgba(184,150,12,.06);border-left:3px solid var(--gold);margin:24px 0;font-size:14px;color:var(--gray-300);line-height:1.8}
.investor-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}
@media(max-width:600px){.investor-grid{grid-template-columns:1fr}}
.investor-metric{padding:24px;border:1px solid var(--gray-700);background:var(--gray-800)}
.investor-metric-val{font-family:var(--font-h);font-size:32px;font-weight:300;color:var(--gold)}
.investor-metric-label{font-size:13px;color:var(--gray-400);margin-top:4px}
.investor-chart{margin:32px 0;padding:24px;border:1px solid var(--gray-700);background:var(--gray-800)}
.investor-chart canvas{width:100%!important;max-height:280px}
.investor-cta-box{text-align:center;padding:48px 32px;border:2px solid var(--gold);margin-top:48px}
.investor-cta-box h3{font-family:var(--font-h);font-size:28px;font-weight:300;color:var(--gold);margin-bottom:12px}
.investor-cta-box p{font-size:14px;color:var(--gray-400);margin-bottom:24px}
.investor-cta-box a{display:inline-block;background:var(--gold);color:var(--black);padding:14px 40px;font-family:var(--font-m);font-size:12px;letter-spacing:2px;text-decoration:none;font-weight:700;transition:all .3s}
.investor-cta-box a:hover{background:var(--white)}
.investor-form label{display:block;font-size:12px;letter-spacing:1px;color:#888;margin-bottom:6px;text-transform:uppercase}
.investor-form input,.investor-form textarea{width:100%;padding:12px 14px;border:1px solid #ddd;font-family:var(--font-b);font-size:14px;color:var(--black);margin-bottom:16px;outline:none;background:var(--white);transition:border .3s}
.investor-form input:focus,.investor-form textarea:focus{border-color:var(--gold)}
.investor-form textarea{min-height:120px;resize:vertical}
.investor-form button{padding:14px 32px;background:var(--gold);color:var(--black);border:none;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s;width:100%}
.investor-form button:hover{background:var(--black);color:var(--white)}
.investor-form-msg{font-size:13px;margin-top:12px;text-align:center}

/* ── EARNINGS PAGE ── */
.earnings-section{margin-bottom:32px}
.earn-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}
.earn-balance{text-align:right}
.earn-balance-val{font-family:var(--font-h);font-size:clamp(36px,6vw,52px);font-weight:300;color:var(--gold)}
.earn-balance-label{font-size:12px;color:var(--gray-400);letter-spacing:1.5px;text-transform:uppercase}

.earn-card{border:1px solid var(--gray-700);padding:28px;margin-bottom:16px;position:relative;transition:border-color .3s}
.earn-card:hover{border-color:var(--gold-dim)}
.earn-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.earn-card h3{font-family:var(--font-h);font-size:20px;font-weight:400;margin:0}
.earn-card-points{font-family:var(--font-m);font-size:14px;color:var(--gold);letter-spacing:1px}
.earn-card p{font-size:13px;color:var(--gray-400);line-height:1.6;margin-bottom:16px}
.earn-btn{padding:12px 24px;background:var(--gold);color:var(--black);border:none;font-family:var(--font-b);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s;width:100%}
.earn-btn:hover{background:var(--white)}
.earn-btn:disabled{opacity:.3;cursor:not-allowed}
.earn-btn:disabled:hover{background:var(--gold)}
.earn-btn-outline{background:transparent;border:1px solid var(--gold);color:var(--gold)}
.earn-btn-outline:hover{background:var(--gold);color:var(--black)}

.streak-dots{display:flex;gap:6px;margin-bottom:16px}
.streak-dot{width:32px;height:32px;border:1px solid var(--gray-700);display:flex;align-items:center;justify-content:center;font-family:var(--font-m);font-size:10px;color:var(--gray-400);transition:all .3s}
.streak-dot.done{border-color:var(--gold);color:var(--gold);background:rgba(184,150,12,.1)}
.streak-dot.today{border-color:var(--gold);animation:pulse 2s ease-in-out infinite}
.streak-dot.missed{border-color:var(--gray-800);color:var(--gray-600);background:rgba(255,255,255,.02);opacity:.5}
.streak-bonus{font-family:var(--font-m);font-size:11px;color:var(--gold);letter-spacing:1px;margin-bottom:16px}

.earn-video-container{width:100%;aspect-ratio:16/9;background:var(--gray-800);margin-bottom:12px;display:none;position:relative;overflow:hidden}
.earn-video-progress{width:100%;height:3px;background:var(--gray-700);margin-bottom:8px;display:none}
.earn-video-progress-bar{height:100%;background:var(--gold);width:0;transition:width .3s linear}
.earn-video-countdown{font-family:var(--font-m);font-size:12px;color:var(--gray-400);text-align:center;margin-bottom:12px;display:none}
.earn-video-msg{font-size:11px;color:var(--gray-400);text-align:center;margin-top:8px}

.earn-referral-status{padding:12px 16px;background:var(--gray-800);margin-bottom:16px;font-size:13px;color:var(--gray-300)}
.earn-referral-status span{color:var(--gold)}

.points-history{max-height:300px;overflow-y:auto}
.points-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--gray-800);font-size:13px}
.points-row-reason{color:var(--gray-300)}
.points-row-amount{font-family:var(--font-m);color:var(--gold)}
.points-row-date{font-size:11px;color:var(--gray-400)}

.dash-tabs{display:flex;gap:0;margin-bottom:32px;border-bottom:1px solid var(--gray-700)}
.dash-tab{padding:12px 24px;font-family:var(--font-b);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--gray-400);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.dash-tab.active{color:var(--gold);border-bottom-color:var(--gold)}
.dash-tab:hover{color:var(--white)}
.dash-page{display:none}
.dash-page.active{display:block}
/* Mobile tab burger */
.dash-tab-mobile{display:none;margin-bottom:24px;position:relative;z-index:100}
.dash-tab-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 18px;background:rgba(184,150,12,.05);border:1px solid rgba(184,150,12,.2);color:var(--white);cursor:pointer;font-family:var(--font-b);font-size:12px;letter-spacing:2px;text-transform:uppercase}
.dash-tab-trigger-label{display:flex;align-items:center;gap:10px}
.dash-tab-trigger-label span{color:var(--gold)}
.dash-tab-chevron{width:16px;height:16px;position:relative;transition:transform .25s}
.dash-tab-chevron::before,.dash-tab-chevron::after{content:'';position:absolute;width:8px;height:1.5px;background:var(--gold);top:7px}
.dash-tab-chevron::before{right:50%;transform:rotate(45deg);transform-origin:right center}
.dash-tab-chevron::after{left:50%;transform:rotate(-45deg);transform-origin:left center}
.dash-tab-mobile.open .dash-tab-chevron{transform:rotate(180deg)}
.dash-tab-dropdown{display:none;position:absolute;top:100%;left:0;right:0;background:#0a0a0a;border:1px solid rgba(184,150,12,.2);border-top:none;flex-direction:column}
.dash-tab-mobile.open .dash-tab-dropdown{display:flex}
.dash-tab-option{padding:14px 18px;font-family:var(--font-b);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--gray-400);cursor:pointer;border-bottom:1px solid rgba(255,255,255,.04);transition:color .2s;background:none;border-left:none;border-right:none;border-top:none;text-align:left}
.dash-tab-option:last-child{border-bottom:none}
.dash-tab-option.active{color:var(--gold)}
.dash-tab-option:hover{color:var(--white)}

/* ── VIDEO INTERSTITIAL ── */
.video-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:400;background:var(--black);align-items:center;justify-content:center;flex-direction:column}
.video-overlay.active{display:flex}
.video-inner{max-width:640px;width:100%;padding:0 24px;text-align:center}
.video-label{font-family:var(--font-m);font-size:11px;letter-spacing:3px;color:var(--gold);margin-bottom:24px;text-transform:uppercase}
.video-container{width:100%;aspect-ratio:16/10;background:var(--gray-800);position:relative;margin-bottom:16px;overflow:hidden}
.video-countdown{font-family:var(--font-m);font-size:13px;color:var(--gray-400);letter-spacing:1px;margin-bottom:24px}
.video-countdown span{color:var(--gold);font-weight:700}
.video-progress{width:100%;height:3px;background:var(--gray-700);margin-bottom:24px;overflow:hidden}
.video-progress-bar{height:100%;background:var(--gold);width:0;transition:width .3s linear}
.video-skip{padding:12px 32px;background:var(--gold);color:var(--black);border:none;font-family:var(--font-b);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;opacity:.3;pointer-events:none;transition:all .3s}
.video-skip.ready{opacity:1;pointer-events:auto}
.video-skip.ready:hover{background:var(--white)}
.video-nosee{display:none;align-items:center;gap:8px;margin-top:16px;cursor:pointer;font-size:12px;color:var(--gray-400);font-family:var(--font-b);letter-spacing:.5px}
.video-nosee.show{display:flex}
.video-nosee input{accent-color:var(--gold);width:14px;height:14px;cursor:pointer}
.video-nosee span{display:none}
html[data-lang="it"] .video-nosee .it{display:inline}
html[data-lang="en"] .video-nosee .en{display:inline}
html:not([data-lang]) .video-nosee .it{display:inline}
.video-msg{font-size:13px;color:var(--gray-400);margin-top:16px;line-height:1.6}
.video-msg em{color:var(--gold);font-style:normal}

/* ── AUTH MODAL ── */
.auth-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:300;background:var(--black);overflow-y:auto;padding:40px 24px}
.auth-overlay.active{display:flex;flex-direction:column;align-items:center;justify-content:center}
.auth-logo-wrap{margin-bottom:32px;text-align:center}
.auth-logo-wrap img{height:36px}
.auth-box{background:var(--gray-800);border:1px solid var(--gray-700);max-width:420px;width:100%;padding:48px 40px;position:relative}
.auth-ad-slot{max-width:728px;width:100%;margin-top:32px;text-align:center;min-height:90px}
.auth-ad-slot-mobile{display:none}
@media(max-width:768px){.auth-ad-slot{display:none}.auth-ad-slot-mobile{display:block;max-width:320px;width:100%;margin-top:24px;text-align:center;min-height:50px}}
.auth-box h2{font-family:var(--font-h);font-size:28px;font-weight:300;margin-bottom:8px}
.auth-box .auth-sub{font-size:13px;color:var(--gray-400);margin-bottom:32px}
.auth-box label{display:block;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gray-400);margin-bottom:6px}
.auth-box input[type="email"],.auth-box input[type="password"]{width:100%;padding:14px 16px;background:var(--black);border:1px solid var(--gray-700);color:var(--white);font-family:var(--font-b);font-size:14px;outline:none;margin-bottom:20px;transition:border-color .3s}
.auth-box input:focus{border-color:var(--gold)}
.auth-btn{width:100%;padding:14px;background:var(--gold);color:var(--black);border:none;font-family:var(--font-b);font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s;margin-bottom:16px}
.auth-btn:hover{background:var(--white)}
.auth-btn:disabled{opacity:.5;cursor:not-allowed}
.auth-toggle{font-size:13px;color:var(--gray-400);text-align:center}
.auth-toggle a{color:var(--gold);cursor:pointer;text-decoration:none}
.auth-toggle a:hover{text-decoration:underline}
.auth-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--gray-400);font-size:20px;cursor:pointer}
.auth-error{background:rgba(185,28,28,.15);border:1px solid rgba(185,28,28,.3);color:#f87171;padding:10px 14px;font-size:13px;margin-bottom:16px;display:none}
.auth-success{background:rgba(184,150,12,.1);border:1px solid var(--gold-dim);color:var(--gold);padding:10px 14px;font-size:13px;margin-bottom:16px;display:none}

/* ── PASSWORD STRENGTH ── */
.pw-strength{height:4px;margin:-12px 0 16px;display:flex;gap:3px}
.pw-strength-bar{flex:1;height:100%;background:var(--gray-700);transition:background .3s}
.pw-strength-bar.weak{background:#B91C1C}
.pw-strength-bar.medium{background:#B8960C}
.pw-strength-bar.strong{background:#1a7a3f}
.pw-strength-label{font-size:11px;margin:-8px 0 16px;letter-spacing:1px}

/* ── TURNSTILE ── */
.cf-turnstile-wrap{margin-bottom:16px;display:flex;justify-content:center}

/* ── EMAIL CONFIRM OVERLAY ── */
.email-confirm-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:350;background:rgba(0,0,0,.95);align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px}
.email-confirm-overlay.active{display:flex}
.email-confirm-box{max-width:440px;padding:48px 40px;border:1px solid var(--gold);background:var(--gray-800)}
.email-confirm-box h2{font-family:var(--font-h);font-size:28px;font-weight:300;margin-bottom:16px;color:var(--gold)}
.email-confirm-box p{font-size:15px;color:var(--gray-300);line-height:1.7;margin-bottom:24px}

/* ── PROFILE INFO ── */
.profile-info{border:1px solid var(--gray-700);padding:24px;margin-bottom:24px}
.profile-info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--gray-800);font-size:13px}
.profile-info-row:last-child{border-bottom:none}
.profile-info-label{color:var(--gray-400)}
.profile-info-val{color:var(--white);text-align:right}
.profile-badge{display:inline-block;padding:2px 8px;font-size:10px;letter-spacing:1px;font-family:var(--font-m)}
.profile-badge-green{background:rgba(26,122,63,.15);color:#1a7a3f;border:1px solid rgba(26,122,63,.3)}
.profile-badge-gold{background:rgba(184,150,12,.15);color:var(--gold);border:1px solid var(--gold-dim)}

/* ── DELETE ACCOUNT MODAL ── */
.delete-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:350;background:rgba(0,0,0,.9);align-items:center;justify-content:center;padding:24px}
.delete-modal.active{display:flex}
.delete-modal-box{max-width:440px;width:100%;padding:40px;background:var(--gray-800);border:1px solid #B91C1C}
.delete-modal-box h3{font-family:var(--font-h);font-size:22px;font-weight:300;color:#f87171;margin-bottom:16px}
.delete-modal-box p{font-size:13px;color:var(--gray-300);line-height:1.7;margin-bottom:20px}
.delete-btn{padding:12px 24px;background:#B91C1C;color:var(--white);border:none;font-size:12px;font-weight:700;letter-spacing:1px;cursor:pointer;width:100%;margin-bottom:12px}
.delete-btn:disabled{opacity:.5;cursor:not-allowed}
.delete-cancel{padding:12px 24px;background:none;border:1px solid var(--gray-700);color:var(--gray-400);font-size:12px;cursor:pointer;width:100%}
.delete-account-trigger{background:none;border:1px solid rgba(185,28,28,.3);color:#f87171;padding:10px 20px;font-size:12px;cursor:pointer;margin-top:24px;transition:all .3s}
.delete-account-trigger:hover{border-color:#B91C1C;background:rgba(185,28,28,.1)}
.delete-error{color:#f87171;font-size:13px;margin-bottom:12px;display:none}

/* ── REFERRAL HISTORY ── */
.ref-history-section{margin-top:24px}
.ref-history-title{font-family:var(--font-h);font-size:18px;font-weight:400;margin-bottom:12px;color:var(--white)}
.ref-history-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--gray-800);font-size:13px}
.ref-history-email{color:var(--gray-300);font-family:var(--font-m);font-size:12px}
.ref-history-status{font-family:var(--font-m);font-size:11px;letter-spacing:1px}
.ref-history-confirmed{color:#1a7a3f}
.ref-history-pending{color:var(--gold)}
.ref-history-aria{font-family:var(--font-m);color:var(--gold);font-size:12px}

/* ── SESSION EXPIRED TOAST ── */
.session-toast{position:fixed;top:80px;left:50%;transform:translateX(-50%);background:var(--gray-800);border:1px solid var(--gold);padding:16px 32px;z-index:9999;font-size:14px;color:var(--gold);display:none;text-align:center;max-width:400px}
.session-toast.active{display:block}

/* ── NOTIFICATION TOAST ── */
.notif-toast-container{position:fixed;top:80px;left:50%;transform:translateX(-50%);z-index:10000;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.notif-toast{pointer-events:auto;background:var(--gray-800);border:1px solid var(--gold);padding:14px 24px;font-size:13px;color:var(--white);text-align:center;max-width:420px;min-width:280px;animation:toastIn .3s ease-out;position:relative}
.notif-toast.toast-success{border-color:#49b583;color:#49b583}
.notif-toast.toast-warning{border-color:#F59E0B;color:#F59E0B}
.notif-toast.toast-error{border-color:#ef4444;color:#ef4444}
.notif-toast.toast-info{border-color:var(--gold);color:var(--gold)}
.notif-toast.fade-out{animation:toastOut .3s ease-in forwards}
@keyframes toastIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@keyframes toastOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}

/* ── NOTIFICATION BELL ── */
.notif-bell{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--gray-700);color:var(--gray-400);cursor:pointer;transition:all .3s}
.notif-bell:hover{border-color:var(--gold);color:var(--gold)}
.notif-bell-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:var(--white);font-family:var(--font-m);font-size:9px;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1}
.notif-bell-badge:empty{display:none}

/* ── NOTIFICATION PANEL ── */
.notif-panel{display:none;position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:400px;background:#0a0a0a;border:1px solid var(--gray-700);z-index:9999;flex-direction:column;overflow:hidden}
.notif-panel.open{display:flex}
.notif-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--gray-700)}
.notif-panel-header h4{font-family:var(--font-h);font-size:16px;font-weight:400;color:var(--white);margin:0}
.notif-panel-mark-all{background:none;border:none;color:var(--gold);font-family:var(--font-m);font-size:10px;letter-spacing:1px;cursor:pointer;padding:4px 8px;transition:color .2s}
.notif-panel-mark-all:hover{color:var(--white)}
.notif-panel-list{overflow-y:auto;flex:1;max-height:340px}
.notif-item{display:flex;gap:10px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;transition:background .2s}
.notif-item:hover{background:rgba(184,150,12,.04)}
.notif-item.unread{background:rgba(184,150,12,.06)}
.notif-item-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);flex-shrink:0;margin-top:5px}
.notif-item.unread .notif-item-dot{background:var(--gold)}
.notif-item:not(.unread) .notif-item-dot{background:var(--gray-700)}
.notif-item-content{flex:1;min-width:0}
.notif-item-title{font-size:12px;font-weight:600;color:var(--white);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notif-item-body{font-size:11px;color:var(--gray-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notif-item-time{font-family:var(--font-m);font-size:10px;color:var(--gray-500);flex-shrink:0}
.notif-empty{padding:32px;text-align:center;color:var(--gray-500);font-size:12px}
@media(max-width:480px){.notif-panel{width:calc(100vw - 24px);right:-60px}}

/* ── DASHBOARD ── */
.dash-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:250;background:var(--black);overflow-y:auto}
.dash-overlay.active{display:block}
.dash-nav{display:flex;align-items:center;padding:0 32px;border-bottom:1px solid var(--gray-700);min-height:56px;gap:0}
.dash-nav img{height:24px;flex-shrink:0}
.dash-nav-menu{display:flex;align-items:center;gap:0;flex:1;margin-left:24px;height:56px;overflow:visible}
.dash-nav-menu a{display:flex;align-items:center;gap:6px;padding:0 16px;height:56px;font-family:var(--font-b);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gray-400);text-decoration:none;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap}
.dash-nav-menu a:hover{color:var(--white)}
.dash-nav-menu a.active{color:var(--gold);border-bottom-color:var(--gold)}
.dash-nav-menu a svg{opacity:.6;flex-shrink:0}
.dash-nav-menu a.active svg{opacity:1}
.dash-nav-right{display:flex;align-items:center;gap:12px;margin-left:auto;flex-shrink:0}
.dash-nav-email{font-size:12px;color:var(--gray-400);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}
.dash-logout{background:none;border:1px solid var(--gray-700);color:var(--gray-400);padding:6px 12px;font-size:11px;letter-spacing:1.5px;cursor:pointer;transition:all .3s;flex-shrink:0;white-space:nowrap}
.dash-logout:hover{border-color:var(--gold);color:var(--gold)}
/* Mobile dApp nav */
.dash-nav-burger{display:none;background:none;border:none;color:var(--gray-400);cursor:pointer;padding:8px;margin-left:auto}
.dash-nav-burger svg{display:block}
.dash-mobile-menu{display:none;position:fixed;top:56px;left:0;right:0;background:#0a0a0a;border-bottom:1px solid var(--gray-700);z-index:300;flex-direction:column;padding:8px 0}
.dash-mobile-menu.open{display:flex}
.dash-mobile-menu a{display:flex;align-items:center;gap:10px;padding:14px 24px;font-family:var(--font-b);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gray-400);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.04);transition:color .2s}
.dash-mobile-menu a:last-child{border-bottom:none}
.dash-mobile-menu a.active{color:var(--gold)}
.dash-mobile-menu a:hover{color:var(--white)}
.dash-content{max-width:640px;margin:0 auto;padding:60px 24px}
.dash-welcome{font-family:var(--font-h);font-size:clamp(28px,5vw,42px);font-weight:300;margin-bottom:8px}
.dash-welcome em{color:var(--gold);font-style:italic}
.dash-email{font-size:13px;color:var(--gray-400);margin-bottom:48px}

.ref-card{border:1px solid var(--gray-700);padding:32px;margin-bottom:32px}
.ref-card h3{font-family:var(--font-h);font-size:22px;font-weight:400;margin-bottom:16px}
.ref-link-wrap{display:flex;gap:0;margin-bottom:16px}
.ref-link{flex:1;padding:14px 16px;background:var(--gray-800);border:1px solid var(--gray-700);color:var(--gold);font-family:var(--font-m);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ref-copy{padding:14px 20px;background:var(--gold);color:var(--black);border:none;font-size:12px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .3s;white-space:nowrap}
.ref-copy:hover{background:var(--white)}
.ref-share{display:flex;gap:12px;flex-wrap:wrap}
.ref-share-btn{padding:10px 20px;border:1px solid var(--gray-700);background:none;color:var(--white);font-size:12px;letter-spacing:1px;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}
.ref-share-btn:hover{border-color:var(--gold);color:var(--gold)}

.ref-stats{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-bottom:32px}
.ref-stat{padding:24px;background:var(--gray-800)}
.ref-stat-val{font-family:var(--font-h);font-size:32px;font-weight:300;color:var(--gold)}
.ref-stat-label{font-size:12px;color:var(--gray-400);margin-top:4px;letter-spacing:1px}

/* ── ADSENSE ── */
.ad-slot{background:var(--gray-800);border:1px solid var(--gray-700);padding:20px;text-align:center;margin-bottom:32px;min-height:90px;display:flex;align-items:center;justify-content:center}
.ad-slot-label{font-family:var(--font-m);font-size:10px;color:var(--gray-400);letter-spacing:2px}

/* ── LEADERBOARD ── */
.lb-podium{display:flex;align-items:flex-end;justify-content:center;gap:8px;margin-bottom:32px;padding:0 16px}
.lb-podium-col{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;max-width:140px}
.lb-podium-crown{font-size:24px;color:var(--gold);line-height:1}
.lb-podium-avatar{width:48px;height:48px;border-radius:50%;background:var(--gray-700);display:flex;align-items:center;justify-content:center;font-family:var(--font-m);font-size:16px;font-weight:700;color:var(--gray-400);overflow:hidden;background-size:cover;background-position:center}
.lb-av-gold{border:2px solid var(--gold);width:56px;height:56px;font-size:20px}
.lb-podium-id{font-family:var(--font-m);font-size:9px;color:var(--gray-400);letter-spacing:.5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-podium-pts{font-family:var(--font-m);font-size:12px;color:var(--gold);font-weight:700;letter-spacing:.5px}
.lb-podium-bar{width:100%;text-align:center;font-family:var(--font-h);font-size:18px;font-weight:300;padding:12px 0;color:var(--black)}
.lb-bar-gold{background:var(--gold);height:80px;display:flex;align-items:center;justify-content:center}
.lb-bar-silver{background:linear-gradient(180deg,#c0c0c0,#8a8a8a);height:60px;display:flex;align-items:center;justify-content:center}
.lb-bar-bronze{background:linear-gradient(180deg,#cd7f32,#8b5a2b);height:48px;display:flex;align-items:center;justify-content:center}
.lb-user-highlight{margin-bottom:8px;background:rgba(184,150,12,.08);border:1px solid var(--gold-dim);padding:4px 0}
.lb-list{display:flex;flex-direction:column;gap:0}
.lb-row{display:grid;grid-template-columns:36px 32px 1fr auto auto auto;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--gray-800);transition:background .2s}
.lb-row:hover{background:rgba(255,255,255,.02)}
.lb-row-me{background:rgba(184,150,12,.1)!important;border:1px solid var(--gold-dim)}
.lb-rank{font-family:var(--font-m);font-size:13px;color:var(--gray-400);text-align:right;letter-spacing:.5px}
.lb-avatar-sm{width:32px;height:32px;border-radius:50%;background:var(--gray-700);display:flex;align-items:center;justify-content:center;font-family:var(--font-m);font-size:12px;font-weight:700;color:var(--gray-400);overflow:hidden;background-size:cover;background-position:center}
.lb-name{font-family:var(--font-m);font-size:11px;color:var(--gray-300);letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.lb-date{font-family:var(--font-m);font-size:10px;color:var(--gray-500);letter-spacing:.3px;white-space:nowrap;text-align:right}
.lb-podium-date{font-family:var(--font-m);font-size:9px;color:var(--gray-500);letter-spacing:.3px;margin-top:-2px}
.lb-score{font-family:var(--font-m);font-size:13px;color:var(--gold);font-weight:700;letter-spacing:.5px;white-space:nowrap;text-align:right}
.lb-badge-you{font-family:var(--font-m);font-size:9px;color:var(--gold);letter-spacing:1px;text-transform:uppercase;border:1px solid var(--gold);padding:2px 6px}
.lb-row-top3 .lb-rank{color:var(--gold);font-weight:700}

/* ── KASPA GREEN ── */
.kaspa{background:var(--black);position:relative}
.kaspa::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 70% 50%,rgba(73,181,131,.06) 0%,transparent 70%)}
.kaspa .section-label{color:#49b583}
.kaspa .section-title em{color:#49b583}
.kstat-val{color:#49b583!important}
.kaspa .section-text{color:var(--gray-300)}

/* ── MOBILE OPTIMIZATION ── */
@media(max-width:768px){
  .hero{padding:100px 16px 60px;min-height:auto}
  .hero-logo{width:min(280px,70vw);margin-bottom:32px}
  .hero h1{font-size:clamp(26px,7vw,40px)}
  .hero-form{flex-direction:column}
  .hero-form button{width:100%}
  .fomo{flex-direction:column;gap:8px}
  section{padding:clamp(48px,8vw,100px) 0}
  .container{padding:0 16px}
  .section-title{font-size:clamp(24px,6vw,36px)}
  .pillars{grid-template-columns:1fr;gap:16px}
  .pillar{padding:24px}
  .how-grid{grid-template-columns:1fr}
  .diff-grid{grid-template-columns:1fr}
  .diff-item:nth-child(odd){border-right:none}
  .kaspa-inner{grid-template-columns:1fr;gap:32px}
  .phases{grid-template-columns:1fr}
  .nav-inner{height:56px}
  .nav-logo-wrap{padding:0 16px;height:56px}
  .nav-logo{height:24px}
  .nav-menu{padding:0 12px;gap:12px;height:56px}
  .nav-menu a{font-size:11px;letter-spacing:1px;display:none}
  #lang-btn{display:none}
  .lang-toggle{padding:4px 8px;font-size:10px}
  .nav-link-btn{padding:6px 10px;font-size:10px}
  .nav-link-btn span{display:none}
  .nav-cta{padding:8px 14px;font-size:10px;letter-spacing:1px}
  .auth-box{padding:32px 24px}
  .dash-nav{padding:0 16px;min-height:48px}
  .dash-nav-menu{display:none}
  .dash-nav-burger{display:block}
  .dash-nav-email{max-width:140px;font-size:11px}
  .dash-logout{padding:6px 12px;font-size:11px}
  .dash-content{padding:32px 16px}
  .dash-welcome{font-size:clamp(24px,6vw,36px)}
  .ref-stats{grid-template-columns:1fr 1fr;gap:2px}
  .ref-link-wrap{flex-direction:column}
  .ref-link{font-size:11px;padding:12px}
  .ref-share{flex-wrap:wrap;gap:8px}
  .ref-share-btn{flex:1;min-width:calc(50% - 8px);justify-content:center;padding:10px 12px;font-size:11px}
  .dash-tabs{display:none}
  .dash-tab-mobile{display:block}
  .lb-podium{gap:4px;padding:0 8px}
  .lb-podium-avatar{width:40px;height:40px;font-size:14px}
  .lb-av-gold{width:48px;height:48px;font-size:16px}
  .lb-row{grid-template-columns:28px 28px 1fr auto auto auto;padding:10px 12px;gap:6px}
  .lb-rank{font-size:12px}
  .lb-avatar-sm{width:28px;height:28px;font-size:10px}
  .lb-name{font-size:10px}
  .lb-score{font-size:11px}
  .lb-date{font-size:9px}
  .earn-card{padding:20px}
  .earn-header{flex-direction:column;align-items:flex-start}
  .earn-balance{text-align:left}
  .streak-dots{gap:4px}
  .streak-dot{width:28px;height:28px;font-size:9px}
  .investor-nav{padding:16px}
  .investor-content{padding:40px 16px}
  .investor-grid{grid-template-columns:1fr}
  .footer-inner{flex-direction:column;text-align:center;gap:16px}
  .footer-links{flex-wrap:wrap;justify-content:center;gap:16px}
  .video-inner{padding:0 16px}
  .cta-section{padding:clamp(60px,10vw,120px) 16px}
}
@media(max-width:380px){
  .nav-cta{display:none}
  .hero-logo{width:220px}
  .ref-share-btn{min-width:100%}
  .dash-nav-email{max-width:100px;font-size:10px}
  .lb-row{grid-template-columns:24px 24px 1fr auto auto;gap:4px;padding:8px 10px}
  .lb-date{display:none}
  .lb-avatar-sm{width:24px;height:24px;font-size:9px}
}

.gold-sep{width:60px;height:1px;background:var(--gold);margin:0 auto}

/* nav-mobile-actions removed — now using .nav-right */

/* ── Burger Menu ── */
.burger-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;background:none;border:none;cursor:pointer;padding:8px}
.burger-btn span{display:block;width:22px;height:1.5px;background:var(--white);transition:all .3s;transform-origin:center}
.burger-btn.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.burger-btn.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.burger-btn.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.mobile-menu{display:none;position:fixed;top:56px;left:0;right:0;bottom:0;background:#000;border-bottom:1px solid rgba(184,150,12,.3);z-index:9998;padding:16px 0;flex-direction:column;overflow-y:auto}
.mobile-menu.open{display:flex}
.mobile-menu a,.mobile-menu button.mm-item{color:var(--gray-300);text-decoration:none;font-size:12px;letter-spacing:2px;text-transform:uppercase;padding:14px 24px;border-bottom:1px solid rgba(255,255,255,.04);transition:color .2s;background:none;border-left:none;border-right:none;border-top:none;width:100%;text-align:left;cursor:pointer;font-family:var(--font-b);display:block}
.mobile-menu a:hover,.mobile-menu button.mm-item:hover{color:var(--gold)}
.mobile-menu a[style*="gold"]{color:var(--gold)!important}
.mobile-menu-actions{display:flex;gap:10px;padding:16px 24px}
.mobile-menu-actions .nav-link-btn,.mobile-menu-actions .nav-cta{flex:1;justify-content:center}
.mm-section-label{padding:16px 24px 8px;font-family:var(--font-m);font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);border-bottom:none}
.mm-sub a,.mm-sub button.mm-item{padding-left:40px;font-size:11px;letter-spacing:1.5px;color:var(--gray-400)}
.mm-sub a:hover,.mm-sub button.mm-item:hover{color:var(--gold)}
.mm-divider{height:1px;background:var(--gray-700);margin:8px 24px}
.mm-section-logged{display:none}
@media(max-width:768px){.burger-btn{display:flex}}

/* ── GLOSSARY TOOLTIPS ── */
.gloss{display:inline;position:relative;white-space:nowrap}
.gloss-word{border-bottom:1px dashed rgba(184,150,12,0.5);cursor:pointer;transition:border-color .2s}
.gloss-word:hover{border-color:var(--gold)}
.gloss-icon{display:inline-block;width:13px;height:13px;border-radius:50%;background:rgba(184,150,12,0.15);border:1px solid rgba(184,150,12,0.4);font-size:8px;line-height:13px;text-align:center;color:var(--gold);cursor:pointer;vertical-align:middle;margin-left:3px;transition:background .2s;font-style:normal;font-family:var(--font-m)}
.gloss-icon:hover{background:rgba(184,150,12,0.3)}
.gloss-popup{display:none;position:fixed;z-index:99999;top:50%;left:50%;transform:translate(-50%,-50%);background:#0a0a0a;border:1px solid var(--gold);padding:28px 32px;max-width:380px;width:calc(100vw - 40px);box-shadow:0 0 60px rgba(0,0,0,.8)}
.gloss-popup.active{display:block}
.gloss-popup-term{font-family:var(--font-h);font-size:22px;color:var(--gold);margin-bottom:6px;letter-spacing:1px}
.gloss-popup-tag{font-family:var(--font-m);font-size:9px;letter-spacing:2px;color:rgba(184,150,12,0.5);text-transform:uppercase;margin-bottom:16px}
.gloss-popup-def{font-family:var(--font-b);font-size:14px;color:rgba(255,255,255,0.8);line-height:1.7;margin-bottom:0}
.gloss-popup-close{position:absolute;top:12px;right:16px;font-size:18px;color:rgba(255,255,255,0.3);cursor:pointer;background:none;border:none;line-height:1}
.gloss-popup-close:hover{color:var(--white)}
.gloss-overlay{display:none;position:fixed;inset:0;z-index:99998;background:rgba(0,0,0,.6)}
.gloss-overlay.active{display:block}
@media(max-width:480px){.gloss-popup{padding:22px 20px}.gloss-popup-term{font-size:18px}.gloss-popup-def{font-size:13px}}

/* ═══════════════════════════════════════════
   PORTAFOGLIO — WALLET TAB
═══════════════════════════════════════════ */
.wallet-section-label{font-family:var(--font-m);font-size:10px;letter-spacing:2px;color:var(--gray-500);text-transform:uppercase;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--gray-800);display:flex;align-items:center;gap:10px;}
.wallet-section-label span{color:var(--gray-700);}
.wallet-cards{display:flex;flex-direction:column;gap:16px;margin-bottom:32px;}

/* CARD BASE */
.wcard{position:relative;border-radius:2px;padding:20px 24px;overflow:hidden;cursor:pointer;transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column;animation:wcardIn .55s ease both;}
.wcard:nth-child(1){animation-delay:.04s}.wcard:nth-child(2){animation-delay:.1s}.wcard:nth-child(3){animation-delay:.16s}
@keyframes wcardIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.wcard:hover{transform:translateX(4px);}
.wcard-locked{opacity:.32;pointer-events:none;}

/* Tessera Coin — ARIA blue */
.wcard-aria{background:linear-gradient(135deg,#020810,#040c1a 60%,#020608);box-shadow:0 8px 40px rgba(74,158,255,.08),0 0 0 1px rgba(74,158,255,.18);}
.wcard-aria:hover{box-shadow:0 12px 55px rgba(74,158,255,.16),0 0 0 1px rgba(74,158,255,.4);}

/* Tessera Rendimento — gold NFT */
.wcard-rendimento{background:linear-gradient(135deg,#0c0900,#1c1400 60%,#0a0800);box-shadow:0 8px 40px rgba(184,150,12,.1),0 0 0 1px rgba(184,150,12,.25);}
.wcard-rendimento:hover{box-shadow:0 12px 55px rgba(184,150,12,.2),0 0 0 1px rgba(184,150,12,.5);}
.wcard-shimmer{position:absolute;inset:0;background:linear-gradient(105deg,transparent 38%,rgba(184,150,12,.04) 50%,transparent 62%);animation:wshimmer 4s ease-in-out infinite;pointer-events:none;}
@keyframes wshimmer{0%,100%{transform:translateX(-100%)}50%{transform:translateX(100%)}}

/* Tessera Kaspa — green */
.wcard-kaspa{background:linear-gradient(135deg,#010d0b,#021510 60%,#010a07);box-shadow:0 8px 40px rgba(73,234,203,.05),0 0 0 1px rgba(73,234,203,.14);}
.wcard-kaspa:hover{box-shadow:0 12px 55px rgba(73,234,203,.12),0 0 0 1px rgba(73,234,203,.35);}

.wcard-ring{position:absolute;border-radius:50%;pointer-events:none;border-width:1px;border-style:solid;}
.wcard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px;}
.wcard-title-group{display:flex;flex-direction:column;gap:3px;}
.wcard-label{font-family:var(--font-m);font-size:10px;letter-spacing:3px;text-transform:uppercase;line-height:1;}
.wcard-sublabel{font-family:var(--font-h);font-size:12px;font-style:italic;opacity:.45;}
.wcard-icons{display:flex;align-items:center;gap:8px;}
.wcard-badge{font-family:var(--font-m);font-size:8px;letter-spacing:1.5px;text-transform:uppercase;padding:3px 8px;border:1px solid;background:rgba(0,0,0,.6);}
.wcard-chip{width:30px;height:22px;border:1px solid rgba(255,255,255,.1);border-radius:3px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;padding:4px;background:rgba(255,255,255,.03);flex-shrink:0;}
.wcard-chip-dot{border-radius:1px;background:currentColor;}
.wcard-chip-dot:nth-child(1){opacity:.35}.wcard-chip-dot:nth-child(2){opacity:.15}.wcard-chip-dot:nth-child(3){opacity:.2}.wcard-chip-dot:nth-child(4){opacity:.4}
.wcard-body{display:flex;align-items:baseline;gap:12px;margin-bottom:0;}
.wcard-amount-block{display:flex;flex-direction:column;gap:4px;}
.wcard-desc{font-family:var(--font-b);font-size:12px;line-height:1.6;color:rgba(255,255,255,.42);margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);flex:1;}
.wcard-amount{font-family:var(--font-m);font-size:clamp(30px,3.5vw,48px);font-weight:300;letter-spacing:-3px;line-height:1;}
.wcard-unit{font-family:var(--font-m);font-size:9px;letter-spacing:2px;opacity:.35;}

.wcard-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05);}
.wcard-serial{font-family:var(--font-m);font-size:10px;letter-spacing:2px;opacity:.25;}
.wcard-holder{font-family:var(--font-m);font-size:10px;letter-spacing:1px;text-transform:uppercase;opacity:.25;}
.wcard-kaspa-logo{width:32px;height:32px;opacity:.4;}

/* FLOW STRIP */
.wallet-flow{display:flex;align-items:center;border:1px solid var(--gray-800);background:var(--gray-900);padding:18px 24px;margin-bottom:32px;gap:0;}
.wflow-node{display:flex;flex-direction:column;gap:3px;flex:1;}
.wflow-icon{font-family:var(--font-m);font-size:9px;letter-spacing:1px;}
.wflow-label{font-family:var(--font-h);font-size:17px;font-weight:300;font-style:italic;}
.wflow-desc{font-family:var(--font-m);font-size:9px;letter-spacing:.5px;}
.wflow-arrow{padding:0 16px;font-size:16px;color:var(--gray-700);flex-shrink:0;}

/* BADGE GRID */
.wallet-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px;}
.wbadge{position:relative;padding:20px 20px 18px;overflow:hidden;animation:wcardIn .5s ease both;border:1px solid rgba(192,132,252,.18);background:linear-gradient(135deg,#0d0814,#130c1e 50%,#090610);}
.wbadge:nth-child(1){animation-delay:.08s}.wbadge:nth-child(2){animation-delay:.14s}.wbadge:nth-child(3){animation-delay:.2s}
.wbadge-locked{border-color:rgba(255,255,255,.06)!important;background:linear-gradient(135deg,#080808,#0d0d0d)!important;opacity:.38;}
.wbadge-crown{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(192,132,252,.55),transparent);}
.wbadge-locked .wbadge-crown{background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);}
.wbadge-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px;}
.wbadge-label{font-family:var(--font-m);font-size:9px;letter-spacing:2px;text-transform:uppercase;}
.wbadge-pill{font-family:var(--font-m);font-size:8px;letter-spacing:1.5px;text-transform:uppercase;padding:3px 7px;border:1px solid;}
.wbadge-symbol{font-family:var(--font-h);font-size:44px;font-weight:300;letter-spacing:-3px;line-height:1;margin-bottom:8px;}
.wbadge-name{font-family:var(--font-h);font-size:18px;font-weight:300;font-style:italic;margin-bottom:5px;}
.wbadge-desc{font-size:12px;color:var(--gray-400);line-height:1.6;}
.wbadge-footer{margin-top:14px;padding-top:10px;border-top:1px solid rgba(192,132,252,.1);font-family:var(--font-m);font-size:9px;letter-spacing:1.5px;text-transform:uppercase;}

/* SWAP UI */
.wallet-swap{background:var(--gray-900);border:1px solid var(--gray-800);padding:24px;margin-bottom:28px;}
.wswap-title{font-family:var(--font-h);font-size:22px;font-weight:300;font-style:italic;margin-bottom:4px;}
.wswap-sub{font-family:var(--font-m);font-size:10px;color:var(--gray-500);letter-spacing:1px;margin-bottom:22px;}
.wswap-flow{display:flex;align-items:stretch;gap:10px;margin-bottom:18px;}
.wswap-box{flex:1;background:var(--black);border:1px solid var(--gray-700);padding:16px 18px;}
.wswap-box-out{border-color:rgba(73,234,203,.2)!important;background:rgba(1,21,18,.5)!important;}
.wswap-box-nft{flex:0 0 140px;border-color:rgba(184,150,12,.18)!important;background:rgba(12,9,0,.5)!important;}
.wsbox-label{font-family:var(--font-m);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--gray-500);margin-bottom:8px;}
.wsbox-row{display:flex;align-items:center;gap:7px;margin-bottom:8px;}
.ws-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;}
.ws-name{font-family:var(--font-m);font-size:10px;letter-spacing:1px;}
.ws-amount{font-family:var(--font-m);font-size:26px;font-weight:300;letter-spacing:-1px;line-height:1;}
.ws-unit{font-family:var(--font-m);font-size:9px;color:var(--gray-500);letter-spacing:1px;margin-top:3px;}
.wswap-conn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 4px;color:var(--gray-700);font-size:16px;flex-shrink:0;}
.wswap-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--gray-800);flex-wrap:wrap;gap:12px;}
.wswap-info{font-family:var(--font-m);font-size:10px;color:var(--gray-500);letter-spacing:.5px;margin-bottom:3px;}
.wswap-info b{color:var(--gray-300);font-weight:400;}
.wswap-btn{padding:12px 28px;background:rgba(184,150,12,.15);color:var(--gold);border:1px solid rgba(184,150,12,.3);font-family:var(--font-m);font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:500;cursor:default;}
.wswap-coming{font-family:var(--font-m);font-size:9px;color:var(--gray-600);letter-spacing:1px;margin-top:4px;}

/* FONDO COMUNE */
.wallet-fund{background:rgba(184,150,12,.04);border:1px solid rgba(184,150,12,.12);padding:20px 24px;margin-bottom:8px;}
.wfund-label{font-family:var(--font-m);font-size:10px;letter-spacing:2px;color:var(--gold);margin-bottom:10px;}
.wfund-stats{display:flex;gap:28px;flex-wrap:wrap;margin-top:14px;}
.wfund-stat-lbl{font-size:11px;color:var(--gray-500);}
.wfund-stat-val{font-family:var(--font-m);font-size:17px;margin-top:3px;}

/* EMPTY */
.wallet-empty{text-align:center;padding:56px 20px;border:1px dashed var(--gray-800);}

@media(max-width:768px){
  .wallet-cards,.wallet-badges{grid-template-columns:1fr;}
  .wcard{aspect-ratio:auto;min-height:160px;}
  .wallet-flow{flex-direction:column;gap:8px;align-items:flex-start;}
  .wflow-arrow{transform:rotate(90deg);padding:4px 0;}
  .wswap-flow{flex-direction:column;}
  .wswap-box-nft{flex:none;}
}

/* ── MOBILE FIX: ref-stats 4 col ── */
.ref-stats-4col{grid-template-columns:1fr 1fr 1fr 1fr;gap:2px}
@media(max-width:768px){.ref-stats-4col{grid-template-columns:1fr 1fr!important}}

/* ── MOBILE FIX: tier comparison grid ── */
@media(max-width:480px){.tier-compare-grid{grid-template-columns:1fr!important}}

/* ── MOBILE FIX: admin param grid ── */
@media(max-width:480px){.admin-param-grid{grid-template-columns:1fr!important}}
@media(max-width:768px){.admin-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.admin-card{padding:16px}.admin-card-val{font-size:22px}}

/* ── COST TRACKER ── */
.ct-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.ct-toolbar input[type="month"]{background:#111;border:1px solid var(--gray-700);color:var(--white);font-family:var(--font-m);font-size:12px;padding:8px 12px}
.ct-toolbar button{background:var(--gold);color:#000;border:none;font-family:var(--font-m);font-size:11px;letter-spacing:2px;padding:8px 18px;cursor:pointer;font-weight:700}
.ct-modal-bg{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:400;background:rgba(0,0,0,.85);align-items:center;justify-content:center}
.ct-modal-bg.active{display:flex}
.ct-modal{background:var(--gray-800);border:1px solid var(--gray-700);max-width:480px;width:100%;padding:32px;position:relative}
.ct-modal h3{font-family:var(--font-h);font-size:20px;font-weight:300;color:var(--gold);margin-bottom:20px}
.ct-modal label{display:block;font-size:11px;color:var(--gray-400);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:4px;margin-top:12px}
.ct-modal input,.ct-modal select{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--white);font-family:var(--font-m);font-size:13px;padding:8px 10px}
.ct-modal select{appearance:none;cursor:pointer}
.ct-modal-actions{display:flex;gap:10px;margin-top:20px}
.ct-modal-actions button{flex:1;padding:10px;font-family:var(--font-m);font-size:11px;letter-spacing:2px;cursor:pointer;border:none}
.ct-btn-save{background:var(--gold);color:#000;font-weight:700}
.ct-btn-cancel{background:transparent;border:1px solid var(--gray-700)!important;color:var(--gray-400)}
.ct-btn-del{background:transparent;border:1px solid #c0392b!important;color:#e74c3c;font-size:10px!important;padding:6px 12px!important;flex:0!important}
.ct-actions{display:flex;gap:6px}
.ct-actions button{background:none;border:1px solid var(--gray-700);color:var(--gray-400);padding:4px 10px;font-size:10px;font-family:var(--font-m);cursor:pointer;letter-spacing:1px}
.ct-actions button:hover{border-color:var(--gold);color:var(--gold)}
.ct-status{display:inline-block;padding:2px 8px;font-size:10px;letter-spacing:1px;font-family:var(--font-m)}
.ct-s-pagato{background:rgba(73,181,131,.15);color:#49b583;border:1px solid rgba(73,181,131,.3)}
.ct-s-da_pagare{background:rgba(184,150,12,.15);color:var(--gold);border:1px solid var(--gold-dim)}
.ct-s-free,.ct-s-freemium{background:rgba(74,158,255,.1);color:var(--aria);border:1px solid rgba(74,158,255,.3)}
.ct-s-a_pagamento{background:rgba(255,255,255,.05);color:var(--white);border:1px solid var(--gray-700)}
.ct-s-abbandonato{background:rgba(255,255,255,.03);color:var(--gray-400);border:1px solid var(--gray-700);text-decoration:line-through}
.ct-s-in_ritardo,.ct-s-non_pagato{background:rgba(231,76,60,.12);color:#e74c3c;border:1px solid rgba(231,76,60,.3)}

/* ── LEGAL PAGES (inline, not modal) ── */
.legal-page{display:none;min-height:80vh;padding:100px 24px 60px;background:var(--black)}
.legal-page.active{display:block}
.legal-page-inner{max-width:720px;margin:0 auto}
.legal-page-back{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--gray-700);color:var(--gray-300);padding:8px 16px;cursor:pointer;font-family:var(--font-m);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;transition:all .3s;margin-bottom:32px;text-decoration:none}
.legal-page-back:hover{border-color:var(--gold);color:var(--gold)}

/* ── MOBILE FIX: privacy/terms modali ── */
@media(max-width:480px){.legal-modal{padding:20px 12px!important}.legal-modal-inner{padding:20px 0!important}.legal-modal h2{font-size:24px!important}.legal-modal h3{font-size:17px!important;margin:24px 0 10px!important}}

/* ── BLOG ── */
.blog-overlay{display:none;position:relative;z-index:10;background:var(--black);min-height:100vh;padding-top:100px}
.blog-overlay.active{display:block}
.blog-inner{max-width:800px;margin:0 auto;padding:0 24px 80px}
.blog-back{display:inline-flex;align-items:center;gap:6px;color:var(--gray-400);font-family:var(--font-m);font-size:11px;letter-spacing:1px;margin-bottom:32px;cursor:pointer;transition:color .2s;background:none;border:none}
.blog-back:hover{color:var(--gold)}
.blog-breadcrumb{font-family:var(--font-m);font-size:11px;color:var(--gray-400);margin-bottom:24px;letter-spacing:.5px}
.blog-breadcrumb a{color:var(--gray-400);text-decoration:none;transition:color .2s}
.blog-breadcrumb a:hover{color:var(--gold)}
.blog-breadcrumb .sep{margin:0 8px;color:var(--gray-600)}
.blog-list-title{font-family:var(--font-h);font-size:clamp(32px,6vw,48px);font-weight:300;margin-bottom:8px}
.blog-list-title em{color:var(--gold);font-style:italic}
.blog-list-sub{font-size:14px;color:var(--gray-400);margin-bottom:40px;line-height:1.5}
.blog-grid{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:600px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.blog-grid{grid-template-columns:repeat(3,1fr)}}
.blog-card{border:1px solid var(--gray-700);background:var(--gray-900);padding:24px;cursor:pointer;transition:all .3s}
.blog-card:hover{border-color:var(--gold);transform:translateY(-2px)}
.blog-card-date{font-family:var(--font-m);font-size:10px;color:var(--gold);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px}
.blog-card-title{font-family:var(--font-h);font-size:20px;font-weight:400;line-height:1.3;margin-bottom:10px}
.blog-card-excerpt{font-size:13px;color:var(--gray-400);line-height:1.6;margin-bottom:14px}
.blog-card-link{font-family:var(--font-m);font-size:11px;color:var(--gold);letter-spacing:1px;text-transform:uppercase}
.blog-article-title{font-family:var(--font-h);font-size:clamp(28px,5vw,42px);font-weight:300;line-height:1.2;margin-bottom:12px}
.blog-article-date{font-family:var(--font-m);font-size:11px;color:var(--gold);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:32px}
.blog-article-body{font-size:16px;color:var(--gray-300);line-height:1.8}
.blog-article-body h2{font-family:var(--font-h);font-size:clamp(22px,4vw,30px);font-weight:400;color:var(--white);margin:40px 0 16px}
.blog-article-body h3{font-family:var(--font-h);font-size:20px;font-weight:400;color:var(--white);margin:32px 0 12px}
.blog-article-body p{margin-bottom:20px}
.blog-article-body strong{color:var(--white)}
.blog-cta{margin-top:48px;padding:32px;border:1px solid var(--gold-dim);background:rgba(184,150,12,.04);text-align:center}
.blog-cta-title{font-family:var(--font-h);font-size:24px;font-weight:300;margin-bottom:8px}
.blog-cta-title em{color:var(--gold);font-style:italic}
.blog-cta-sub{font-size:13px;color:var(--gray-400);margin-bottom:20px;line-height:1.5}
.blog-cta-btn{display:inline-block;padding:14px 32px;background:var(--gold);color:var(--black);font-family:var(--font-m);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;transition:all .2s}
.blog-cta-btn:hover{background:var(--white)}
.blog-ad{text-align:center;margin-top:40px;padding-top:24px;border-top:1px solid var(--gray-700)}

/* ═══ USER SETTINGS ═══ */
.settings-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:240;background:var(--black);flex-direction:column;overflow:hidden}
.settings-overlay.active{display:flex}
.settings-nav{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:48px;border-bottom:1px solid var(--gray-800);flex-shrink:0}
.settings-nav span{font-family:var(--font-m);font-size:11px;color:var(--gold);letter-spacing:2px}
.settings-close{background:none;border:none;color:var(--gray-400);font-size:18px;cursor:pointer;transition:color .2s;padding:6px 10px}
.settings-close:hover{color:var(--gold)}
.settings-content{flex:1;overflow-y:auto;display:flex;justify-content:center;padding:32px 24px 80px}
.settings-card{max-width:420px;width:100%}
/* Avatar */
.settings-avatar{width:72px;height:72px;border-radius:50%;background:rgba(184,150,12,.12);border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-family:var(--font-h);font-size:28px;font-weight:300;color:var(--gold);letter-spacing:1px}
.settings-hello{font-family:var(--font-h);font-size:clamp(22px,5vw,28px);font-weight:300;text-align:center;margin-bottom:4px}
.settings-hello em{color:var(--gold);font-style:normal}
.settings-email-display{font-family:var(--font-m);font-size:12px;color:var(--gray-400);text-align:center;margin-bottom:28px;letter-spacing:.5px}
/* App CTA */
.settings-app-btn{display:flex;align-items:center;gap:14px;padding:16px 20px;background:rgba(184,150,12,.06);border:1px solid rgba(184,150,12,.3);color:var(--gold);text-decoration:none;transition:all .3s;margin-bottom:32px}
.settings-app-btn:hover{background:rgba(184,150,12,.12);border-color:var(--gold)}
.settings-app-btn-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(184,150,12,.12);border-radius:50%;flex-shrink:0}
.settings-app-btn span:nth-child(2){flex:1;font-family:var(--font-b);font-size:14px;font-weight:600;letter-spacing:.5px}
.settings-app-btn-arrow{font-size:18px;color:var(--gold);opacity:.6}
/* Sections */
.settings-section{margin-bottom:24px}
.settings-section-title{font-family:var(--font-m);font-size:10px;color:var(--gray-400);letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.06)}
.settings-glass{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);padding:20px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
/* Fields */
.settings-field{margin-bottom:18px}
.settings-field label{display:block;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gray-400);margin-bottom:6px}
.settings-field input{width:100%;padding:12px 14px;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.08);color:var(--white);font-family:var(--font-b);font-size:14px;outline:none;transition:border-color .3s;box-sizing:border-box}
.settings-field input:focus{border-color:var(--gold)}
.settings-field input:disabled{opacity:.4;cursor:not-allowed}
/* Save button */
.settings-btn{width:100%;padding:14px;background:var(--gold);color:var(--black);border:none;font-family:var(--font-b);font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s;margin-top:8px}
.settings-btn:hover{background:var(--white)}
.settings-btn:disabled{opacity:.5;cursor:not-allowed}
.settings-msg{font-size:13px;margin-top:10px;margin-bottom:28px;text-align:center;min-height:20px}
/* Lang toggle */
.settings-lang-row{display:flex;gap:8px}
.settings-lang-btn{flex:1;padding:12px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);color:var(--gray-400);font-family:var(--font-b);font-size:13px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}
.settings-lang-btn:hover{border-color:var(--gold);color:var(--gold)}
.settings-lang-btn.active{border-color:var(--gold);color:var(--gold);background:rgba(184,150,12,.08)}
/* Actions */
.settings-actions{margin-top:36px;display:flex;flex-direction:column;align-items:center;gap:24px}
.settings-logout-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:none;border:1px solid var(--gray-700);color:var(--gray-400);font-family:var(--font-b);font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .3s}
.settings-logout-btn:hover{border-color:var(--white);color:var(--white)}
.settings-logout-btn svg{opacity:.7}
.settings-danger{text-align:center}
.settings-delete-btn{background:none;border:none;color:var(--gray-600);padding:8px 16px;font-family:var(--font-m);font-size:11px;letter-spacing:1px;cursor:pointer;transition:color .3s}
.settings-delete-btn:hover{color:#f87171}
.settings-delete-warn{font-size:10px;color:var(--gray-700);margin-top:4px}
/* ═══ PROMO BANNER ═══ */
.promo-banner{background:var(--black);border-top:1px solid rgba(184,150,12,.3);border-bottom:1px solid rgba(184,150,12,.3);padding:48px 24px;text-align:center}
.promo-banner-inner{max-width:600px;margin:0 auto}
.promo-tag{font-family:var(--font-m);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:16px}
.promo-headline{font-family:var(--font-h);font-size:clamp(32px,5vw,48px);font-weight:300;color:var(--gold);margin-bottom:16px}
.promo-sub{font-family:var(--font-b);font-size:15px;color:var(--gray-400);line-height:1.6;margin-bottom:32px}
.promo-cta{display:inline-block;padding:16px 32px;background:#4A9EFF;color:var(--black);font-family:var(--font-b);font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;transition:all .3s}
.promo-cta:hover{background:var(--white)}