/* ═══════════════════════════════════════════════════════
   PUG DOG ($PGD) — PREMIUM 3D EXPERIENCE
   ═══════════════════════════════════════════════════════ */

*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}

:root{
  --bg:#060212;--bg2:#0e0625;--bg3:#1a0f3a;
  --gold:#FFD700;--gold2:#FFA500;--gold3:#FFEC8B;
  --purple:#8B5CF6;--purple2:#A78BFA;--pink:#EC4899;
  --cyan:#06B6D4;--green:#22C55E;--red:#EF4444;
  --white:#F8FAFC;--gray:#94A3B8;--gray2:#64748B;
  --border:rgba(139,92,246,.2);--border2:rgba(255,215,0,.15);
  --glass:rgba(20,12,45,.6);--glass2:rgba(20,12,45,.85);
  --grad:linear-gradient(135deg,#FB923C,#FFD700);
  --grad-purple:linear-gradient(135deg,#8B5CF6,#EC4899);
  --glow-g:0 0 60px rgba(255,215,0,.25);
  --glow-p:0 0 60px rgba(139,92,246,.3);
  --shadow:0 20px 60px rgba(0,0,0,.4)
}

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--white);overflow-x:hidden;line-height:1.6;font-size:16px;cursor:none}
input{font-size:16px!important}
a{color:inherit;text-decoration:none;cursor:none}
button{cursor:none}

/* Custom scrollbar */
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--purple);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:var(--gold)}

/* Selection */
::selection{background:var(--gold);color:var(--bg)}

/* ═══ LOADING SCREEN ═══ */
#loader{position:fixed;inset:0;background:var(--bg);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .8s,visibility .8s}
#loader.hide{opacity:0;visibility:hidden}
.loader-pug{font-size:5rem;animation:loaderBounce .6s ease-in-out infinite alternate}
@keyframes loaderBounce{from{transform:scale(.8) rotate(-10deg)}to{transform:scale(1.2) rotate(10deg)}}
.loader-text{margin-top:1.5rem;font-size:1.2rem;font-weight:700;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.loader-bar{width:200px;height:4px;background:var(--bg3);border-radius:2px;margin-top:1rem;overflow:hidden}
.loader-bar-fill{height:100%;background:var(--grad);border-radius:2px;animation:loadFill 2s ease forwards}
@keyframes loadFill{from{width:0}to{width:100%}}

/* ═══ CUSTOM CURSOR ═══ */
/* Cursor custom só em elementos interativos (não em seções) */
.cursor-dot{position:fixed;width:8px;height:8px;background:var(--gold);border-radius:50%;pointer-events:none;z-index:99998;transition:transform .1s;mix-blend-mode:screen}
.cursor-ring{position:fixed;width:40px;height:40px;border:2px solid var(--purple);border-radius:50%;pointer-events:none;z-index:99997;transition:transform .3s ease,width .3s,height .3s,border-color .3s;mix-blend-mode:screen}
.cursor-ring.hover{width:60px;height:60px;border-color:var(--gold);background:rgba(255,215,0,.1)}

/* ═══ 3D CANVAS BG ═══ */
#bg3d{position:fixed;inset:0;z-index:0;pointer-events:auto}

/* ═══ NAV ═══ */
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:.75rem 1.5rem;background:rgba(6,2,18,.4);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;min-height:60px;transition:transform .4s}
nav.hide-nav{transform:translateY(-100%)}
.nlogo{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:800}
.nlogo .pe{font-size:1.5rem;animation:bp 2s infinite;filter:drop-shadow(0 0 10px rgba(255,215,0,.5))}
@keyframes bp{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(8deg)}}
.nlogo span{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.nright{display:flex;align-items:center;gap:.75rem}
.nlinks{display:none;gap:1.5rem;align-items:center}
.nlinks a{color:var(--gray);font-weight:500;font-size:.9rem;transition:.3s;position:relative}
.nlinks a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--grad);transition:width .3s}
.nlinks a:hover{color:var(--gold)}
.nlinks a:hover::after{width:100%}
.btn-c{background:var(--grad);color:var(--bg);border:none;padding:.5rem 1.2rem;border-radius:50px;font-weight:700;font-size:.85rem;white-space:nowrap;transition:.25s;box-shadow:0 4px 20px rgba(255,215,0,.3);position:relative;overflow:hidden}
.btn-c::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}
.btn-c:hover::before{left:100%}
.btn-c:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(255,215,0,.5)}
.btn-lang{background:rgba(255,255,255,.06);color:var(--gold);border:1px solid var(--border);padding:.5rem .9rem;border-radius:50px;font-weight:700;font-size:.8rem;white-space:nowrap;transition:.25s;cursor:pointer;font-family:inherit}
.btn-lang:hover{background:rgba(255,215,0,.12);border-color:var(--gold);transform:translateY(-2px)}
.burger{display:flex;flex-direction:column;gap:5px;cursor:none;padding:8px;background:none;border:none}
.burger span{width:25px;height:3px;background:var(--gold);border-radius:3px;transition:.3s}
.burger.open span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}

/* Language toggle (EN/PT) */
.lang-toggle{background:var(--glass);color:var(--gold);border:1px solid var(--border2);padding:.4rem .8rem;border-radius:50px;font-weight:800;font-size:.8rem;letter-spacing:1px;white-space:nowrap;transition:.25s;cursor:pointer;pointer-events:auto;backdrop-filter:blur(10px);z-index:100}
.lang-toggle:hover{background:rgba(255,215,0,.15);border-color:var(--gold);transform:translateY(-1px)}
.mmenu{display:none;position:fixed;top:60px;left:0;right:0;background:rgba(6,2,18,.98);backdrop-filter:blur(30px);padding:1.5rem;z-index:99;flex-direction:column;gap:1rem;border-bottom:1px solid var(--border)}
.mmenu.open{display:flex}
.mmenu a{color:var(--white);font-weight:600;font-size:1.1rem;padding:.75rem 0;border-bottom:1px solid var(--border)}

/* ═══ HERO ═══ */
.hero{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:5rem 1rem 2rem}
.hc{max-width:900px;animation:fu 1.5s cubic-bezier(.16,1,.3,1)}
@keyframes fu{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}
.hpug{font-size:5rem;animation:bh 3s ease-in-out infinite;filter:drop-shadow(0 15px 50px rgba(255,215,0,.4))}
@keyframes bh{0%,100%{transform:translateY(0) rotate(-3deg) scale(1)}50%{transform:translateY(-30px) rotate(3deg) scale(1.05)}}
.hero-badge{display:inline-block;background:var(--glass);border:1px solid var(--border2);padding:.4rem 1rem;border-radius:50px;font-size:.8rem;color:var(--gold);margin-bottom:1rem;backdrop-filter:blur(10px);animation:pulseBadge 2s infinite}
@keyframes pulseBadge{0%,100%{box-shadow:0 0 0 0 rgba(255,215,0,.4)}50%{box-shadow:0 0 0 12px rgba(255,215,0,0)}}
.hero h1{font-size:3rem;font-weight:900;margin:1rem 0;letter-spacing:-2px;line-height:1}
.hero h1 .g{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 40px rgba(255,215,0,.4));position:relative}
.hero h1 .p{background:var(--grad-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.htag{font-size:1.1rem;color:var(--gray);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}
.htag strong{color:var(--gold)}
.hcta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.btn-p{background:var(--grad);color:var(--bg);border:none;padding:1.1rem 2.2rem;border-radius:50px;font-size:1.05rem;font-weight:800;transition:.3s;display:inline-flex;align-items:center;gap:.5rem;min-height:48px;box-shadow:0 10px 40px rgba(255,215,0,.35);position:relative;overflow:hidden}
.btn-p::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s}
.btn-p:hover::before{left:100%}
.btn-p:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 16px 50px rgba(255,215,0,.55)}
.btn-s{background:var(--glass);color:var(--white);border:1px solid var(--purple);padding:1.1rem 2.2rem;border-radius:50px;font-size:1.05rem;font-weight:700;transition:.3s;display:inline-flex;align-items:center;gap:.5rem;min-height:48px;backdrop-filter:blur(10px)}
.btn-s:hover{background:rgba(139,92,246,.2);transform:translateY(-4px);box-shadow:var(--glow-p);border-color:var(--purple2)}

/* Scroll hint */
.scroll-hint{position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);color:var(--gray);font-size:.75rem;animation:si 2s infinite;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}
.scroll-hint .mouse{width:24px;height:38px;border:2px solid var(--gray);border-radius:12px;position:relative}
.scroll-hint .mouse::before{content:'';position:absolute;top:6px;left:50%;transform:translateX(-50%);width:4px;height:8px;background:var(--gold);border-radius:2px;animation:scrollDot 1.5s infinite}
@keyframes scrollDot{0%{opacity:1;top:6px}100%{opacity:0;top:20px}}
@keyframes si{0%,100%{opacity:.5}50%{opacity:1}}

/* Drag hint */
.drag-hint{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--purple2);background:rgba(139,92,246,.1);padding:.3rem .8rem;border-radius:20px;margin-top:1.5rem;border:1px solid var(--border);animation:dragPulse 3s infinite}
@keyframes dragPulse{0%,100%{box-shadow:0 0 0 0 rgba(139,92,246,.3)}50%{box-shadow:0 0 0 8px rgba(139,92,246,0)}}

/* ═══ STATS ═══ */
.stats{position:relative;z-index:1;padding:2rem 1rem;display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap;background:var(--glass);backdrop-filter:blur(20px);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.st{text-align:center;min-width:90px;position:relative}
.st:not(:last-child)::after{content:'';position:absolute;top:50%;right:-1.25rem;transform:translateY(-50%);width:1px;height:40px;background:var(--border)}
.sv{font-size:1.5rem;font-weight:800;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:transform .3s}
.st:hover .sv{transform:scale(1.15)}
.sl{color:var(--gray);font-size:.7rem;text-transform:uppercase;letter-spacing:1.5px;margin-top:.25rem}

/* ═══ BUY CARD ═══ */
.buy-sec{position:relative;z-index:1;padding:4rem 1rem;display:flex;justify-content:center}
.bcard{background:var(--glass);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--border);border-radius:28px;padding:2rem;max-width:480px;width:100%;box-shadow:var(--shadow),var(--glow-p);position:relative;overflow:hidden}
.bcard::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,215,0,.05),transparent 30%);animation:rotateGlow 8s linear infinite;pointer-events:none}
@keyframes rotateGlow{to{transform:rotate(360deg)}}
.bcard>*{position:relative;z-index:1}
.bcard h2{text-align:center;font-size:1.7rem;margin-bottom:.5rem;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.bcard .sub{text-align:center;color:var(--gray);margin-bottom:1rem;font-size:.9rem}
.pi{display:flex;justify-content:space-between;margin:1.5rem 0 1rem;gap:.4rem}
.ps{flex:1;text-align:center;padding:.6rem .2rem;border-radius:12px;background:rgba(6,2,18,.5);border:1px solid var(--border);font-size:.7rem;transition:.3s;line-height:1.3;position:relative;overflow:hidden}
.ps.active{background:var(--grad);color:var(--bg);font-weight:700;border-color:transparent;box-shadow:0 4px 20px rgba(255,215,0,.4)}
.ps.active::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--white);animation:phaseBar .5s ease}
@keyframes phaseBar{from{width:0}to{width:100%}}
.ps.done{border-color:var(--green);color:var(--green)}
.ig{margin:1.25rem 0}
.ig label{display:block;color:var(--gray);font-size:.85rem;margin-bottom:.5rem}
.ig input{width:100%;background:rgba(6,2,18,.6);border:2px solid var(--border);border-radius:14px;padding:.9rem 1rem;color:var(--white);font-size:1.1rem;min-height:48px;transition:.3s}
.ig input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgba(255,215,0,.1)}
.qa{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}
.qab{flex:1;min-width:60px;background:rgba(6,2,18,.5);border:1px solid var(--border);border-radius:10px;padding:.5rem;color:var(--white);font-weight:600;font-size:.85rem;min-height:40px;transition:.2s;position:relative;overflow:hidden}
.qab:hover,.qab.active{background:var(--purple);border-color:var(--purple);transform:translateY(-2px);box-shadow:0 4px 15px rgba(139,92,246,.4)}
.ci{background:rgba(6,2,18,.5);border-radius:14px;padding:1.2rem;margin:1rem 0;text-align:center;border:1px solid var(--border)}
.ci .yg{font-size:1.5rem;font-weight:700;color:var(--gold);word-break:break-all;transition:transform .3s}
.ci:hover .yg{transform:scale(1.05)}
.ci .pinfo{font-size:.8rem;color:var(--gray);margin-top:.3rem}
.btn-buy{width:100%;background:var(--grad);color:var(--bg);border:none;padding:1.2rem;border-radius:16px;font-size:1.15rem;font-weight:800;transition:.3s;text-transform:uppercase;letter-spacing:1px;min-height:52px;box-shadow:0 8px 30px rgba(255,215,0,.35);position:relative;overflow:hidden}
.btn-buy::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s}
.btn-buy:hover:not(:disabled)::before{left:100%}
.btn-buy:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 40px rgba(255,215,0,.55)}
.btn-buy:disabled{opacity:.5}
.wstat{text-align:center;margin-top:1rem;font-size:.8rem;color:var(--gray)}
.wstat.on{color:var(--green)}

/* ═══ WALLET MODAL ═══ */
.wmodal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(15px);z-index:200;justify-content:center;align-items:center;padding:1rem;opacity:0;transition:opacity .3s}
.wmodal.open{display:flex;opacity:1}
.wmodal .wm{background:var(--bg2);border:1px solid var(--border);border-radius:28px;padding:2.5rem;max-width:420px;width:100%;text-align:center;box-shadow:var(--shadow),var(--glow-p);transform:scale(.9);transition:transform .3s}
.wmodal.open .wm{transform:scale(1)}
.wmodal h3{margin-bottom:1.5rem;font-size:1.5rem}
.wopt{display:flex;align-items:center;gap:1rem;padding:1.1rem;background:rgba(6,2,18,.5);border:1px solid var(--border);border-radius:16px;transition:.2s;margin-bottom:.75rem;width:100%;color:var(--white);font-size:1rem;font-weight:600;min-height:56px;position:relative;overflow:hidden}
.wopt:hover,.wopt:active{background:rgba(139,92,246,.15);border-color:var(--purple);transform:translateX(6px)}
.wopt .wi{font-size:1.8rem}
.wopt .wn{text-align:left;flex:1}
.wopt .wn small{color:var(--gray);font-weight:400;display:block}
.wclose{background:none;border:none;color:var(--gray);font-size:1rem;margin-top:.5rem;padding:.5rem 1rem}
.wclose:hover{color:var(--white)}

/* ═══ SECTION ═══ */
.sec{position:relative;z-index:1;padding:4rem 1rem;max-width:1200px;margin:0 auto}
.stitle{font-size:2rem;text-align:center;margin-bottom:1rem}
.stitle .g{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.stitle .emoji{display:block;font-size:3rem;margin-bottom:.5rem;animation:wobble 2s ease-in-out infinite}
@keyframes wobble{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
.sdesc{text-align:center;color:var(--gray);max-width:700px;margin:0 auto 2.5rem;font-size:.95rem}
.ssub{text-align:center;color:var(--gold);margin:2.5rem 0 1.5rem;font-size:1.2rem}
.ssub::before,.ssub::after{content:'✦';margin:0 .5rem;opacity:.5}

/* ═══ 3D TILT CARDS ═══ */
.grid{display:grid;grid-template-columns:1fr;gap:1.2rem;perspective:1200px}
.tcard{background:var(--glass);backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:22px;padding:1.75rem;transition:transform .2s ease-out,box-shadow .3s,border-color .3s;transform-style:preserve-3d;position:relative;overflow:hidden}
.tcard:hover{box-shadow:var(--glow-p);border-color:var(--purple)}
.tcard .glow{position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,215,0,.12),transparent 50%);opacity:0;transition:opacity .3s;pointer-events:none;border-radius:22px}
.tcard:hover .glow{opacity:1}
.tcard .icon{font-size:3rem;margin-bottom:.75rem;transform:translateZ(40px);transition:transform .3s}
.tcard:hover .icon{transform:translateZ(60px) scale(1.1)}
.tcard h3{font-size:1.15rem;margin-bottom:.5rem;transform:translateZ(30px)}
.tcard .pct{font-size:2.2rem;font-weight:800;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transform:translateZ(25px)}
.tcard p{color:var(--gray);font-size:.85rem;margin-top:.5rem;transform:translateZ(20px)}
.tcard .feat{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);transform:translateZ(15px)}
.tcard .feat div{font-size:.8rem;color:var(--gold);margin:.3rem 0;display:flex;align-items:center;gap:.3rem}

/* ═══ TIMELINE ═══ */
.tl{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1.5rem}
.tc{background:var(--glass);backdrop-filter:blur(20px);border:2px solid var(--border);border-radius:20px;padding:1.5rem;transition:.3s;transform-style:preserve-3d;position:relative;overflow:hidden}
.tc.cur{border-color:var(--gold);box-shadow:var(--glow-g)}
.tc::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 60%,rgba(255,215,0,.05));pointer-events:none}
.tc .pn{font-size:3.5rem;opacity:.08;position:absolute;top:.5rem;right:1rem;font-weight:900}
.tc h3{color:var(--gold);margin-bottom:.5rem;font-size:1.1rem}
.tc .pr{font-size:1.8rem;font-weight:800;margin:.75rem 0}

/* ═══ ROADMAP ═══ */
.rm{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1.5rem}
.rms{background:var(--glass);backdrop-filter:blur(20px);border:1px solid var(--border);border-left:4px solid var(--purple);border-radius:18px;padding:1.75rem;transition:.3s;position:relative;overflow:hidden}
.rms::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.rms:hover::before{transform:scaleX(1)}
.rms:hover{border-left-color:var(--gold);background:rgba(139,92,246,.06)}
.rms h3{color:var(--gold);font-size:1.05rem;margin-bottom:.75rem}
.rms .ri{display:flex;align-items:center;gap:.5rem;margin:.4rem 0;font-size:.88rem}
.rms .ri.done{color:var(--green)}
.rms .ri.todo{color:var(--gray)}

/* ═══ SOCIAL ═══ */
.social-sec{background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(255,215,0,.08));backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:28px;padding:2.5rem 1.5rem;text-align:center;position:relative;overflow:hidden}
.social-sec::before{content:'';position:absolute;top:-50%;right:-20%;width:60%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.06),transparent 70%);animation:floatBg 6s ease-in-out infinite}
@keyframes floatBg{0%,100%{transform:translate(0,0)}50%{transform:translate(-20px,20px)}}
.social-sec .heart{font-size:3.5rem;animation:hb 1.5s infinite;position:relative;z-index:1}
@keyframes hb{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}

/* ═══ FOOTER ═══ */
footer{position:relative;z-index:1;background:var(--glass2);backdrop-filter:blur(20px);border-top:1px solid var(--border);padding:3rem 1.5rem 2rem;text-align:center}
footer .pf{font-size:3rem;margin-bottom:.5rem}
footer p{color:var(--gray);margin:.5rem 0;font-size:.9rem}
.slinks{display:flex;justify-content:center;gap:1rem;margin:1.5rem 0}
.slinks a{width:50px;height:50px;background:rgba(6,2,18,.5);border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;transition:.3s;position:relative;overflow:hidden}
.slinks a::before{content:'';position:absolute;inset:0;background:var(--grad);opacity:0;transition:opacity .3s;border-radius:50%}
.slinks a:hover{transform:translateY(-5px) scale(1.1);box-shadow:var(--glow-g);border-color:transparent}
.slinks a:hover::before{opacity:1}
.slinks a span{position:relative;z-index:1}

/* ═══ TOAST ═══ */
.toast{position:fixed;bottom:1rem;left:1rem;right:1rem;z-index:9999;padding:1rem 1.25rem;border-radius:14px;font-weight:600;transform:translateY(150px);opacity:0;transition:.4s;max-width:400px;margin:0 auto;font-size:.9rem;backdrop-filter:blur(20px);display:flex;align-items:center;gap:.5rem}
.toast.show{transform:translateY(0);opacity:1}
.toast.success{background:rgba(34,197,94,.95);color:#fff;box-shadow:0 10px 30px rgba(34,197,94,.4)}
.toast.error{background:rgba(239,68,68,.95);color:#fff;box-shadow:0 10px 30px rgba(239,68,68,.4)}
.toast.info{background:rgba(139,92,246,.95);color:#fff;box-shadow:0 10px 30px rgba(139,92,246,.4)}
.spin{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--bg);animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* ═══ DIST BAR ═══ */
.dist-bar{height:44px;border-radius:22px;display:flex;overflow:hidden;margin:2rem 0;box-shadow:0 8px 30px rgba(0,0,0,.4)}
.dist-seg{display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:var(--bg);transition:flex .4s;position:relative}
.dist-seg:hover{filter:brightness(1.2)}

/* ═══ COIN BURST (compra) ═══ */
.coin-burst{position:fixed;pointer-events:none;z-index:9998}
.coin-burst .coin{position:absolute;font-size:1.5rem;animation:coinFly 1s ease-out forwards}
@keyframes coinFly{0%{opacity:1;transform:translate(0,0) scale(1) rotate(0)}100%{opacity:0;transform:translate(var(--tx),var(--ty)) scale(.5) rotate(720deg)}}

/* ═══ RESPONSIVE ═══ */
@media(min-width:768px){
  body{font-size:17px;cursor:auto}
  a,button{cursor:auto}
  nav{padding:1rem 2.5rem}
  .nlogo{font-size:1.4rem}.nlogo .pe{font-size:1.8rem}
  .burger{display:none}.nlinks{display:flex}
  .hero{padding:6rem 2rem 2rem}
  .hpug{font-size:9rem}.hero h1{font-size:5rem}
  .htag{font-size:1.3rem}
  .btn-p,.btn-s{padding:1.2rem 2.8rem;font-size:1.1rem}
  .stats{padding:3rem;gap:4rem;flex-wrap:nowrap}
  .sv{font-size:2.2rem}
  .buy-sec{padding:6rem 2rem}.bcard{padding:2.5rem}
  .sec{padding:6rem 2rem}.stitle{font-size:3.2rem}
  .grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.5rem}
  .tl{grid-template-columns:repeat(3,1fr)}
  .social-sec{padding:4rem}.social-sec .heart{font-size:5rem}
  .toast{bottom:2rem;right:2rem;left:auto;max-width:380px;transform:translateX(420px)}
  .toast.show{transform:translateX(0)}
  .cursor-dot,.cursor-ring{display:none}
  footer{padding:4rem 2rem 2rem}footer .pf{font-size:4rem}
}
@media(min-width:1024px){.hero h1{font-size:5.5rem}.stitle{font-size:3.8rem}}

/* ═══ NOVOS COMPONENTES PREMIUM ═══ */

/* Countdown timer */
.countdown{display:flex;gap:1rem;justify-content:center;margin:2rem 0;flex-wrap:wrap}
.cd-box{background:var(--glass);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:16px;padding:1rem 1.5rem;min-width:80px;text-align:center;position:relative;overflow:hidden}
.cd-box::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:var(--grad);opacity:.5}
.cd-num{font-size:2rem;font-weight:800;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}
.cd-label{font-size:.65rem;color:var(--gray);text-transform:uppercase;letter-spacing:1px;margin-top:.25rem}

/* Why section */
.why-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}
.why-card{background:var(--glass);backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:24px;padding:2rem;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}
.why-card:hover{transform:translateY(-5px);box-shadow:var(--glow-p)}
.why-card .why-icon{font-size:3rem;margin-bottom:1rem}
.why-card h3{font-size:1.3rem;margin-bottom:.5rem;color:var(--gold)}
.why-card p{color:var(--gray);font-size:.95rem;line-height:1.7}
.why-card .why-num{position:absolute;top:1rem;right:1.5rem;font-size:4rem;font-weight:900;opacity:.05;color:var(--white)}

/* How to buy steps */
.steps{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem;counter-reset:step}
.step{background:var(--glass);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:20px;padding:1.75rem;position:relative;padding-left:4rem;transition:.3s}
.step:hover{border-color:var(--gold);transform:translateX(5px)}
.step::before{counter-increment:step;content:counter(step);position:absolute;left:1.25rem;top:1.5rem;width:2.5rem;height:2.5rem;background:var(--grad);color:var(--bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;box-shadow:0 4px 15px rgba(255,215,0,.3)}
.step h3{font-size:1.05rem;margin-bottom:.3rem;color:var(--gold)}
.step p{color:var(--gray);font-size:.85rem}

/* Feature highlight */
.feature-highlight{background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(255,215,0,.05));border:1px solid var(--border);border-radius:28px;padding:3rem 2rem;margin:2rem 0;position:relative;overflow:hidden}
.feature-highlight::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,215,0,.08),transparent 70%);animation:floatBg 8s ease-in-out infinite}

/* Big stat */
.big-stat{text-align:center;padding:1rem}
.big-stat .num{font-size:3rem;font-weight:900;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}
.big-stat .label{color:var(--gray);font-size:.85rem;margin-top:.25rem}

/* Eco card hover */
.eco-card{background:var(--glass);backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:22px;padding:1.75rem;text-decoration:none;color:inherit;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden;display:block}
.eco-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:var(--glow-g);border-color:var(--gold)}
.eco-card .eco-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.06),transparent 50%);opacity:0;transition:opacity .3s}
.eco-card:hover .eco-glow{opacity:1}
.eco-card .eco-icon{font-size:2.5rem;margin-bottom:.75rem}
.eco-card h3{font-size:1.1rem;margin-bottom:.3rem}
.eco-card .eco-pct{font-size:1.8rem;font-weight:800;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.eco-card p{color:var(--gray);font-size:.8rem;margin-top:.3rem}
.eco-card .eco-arrow{position:absolute;bottom:1rem;right:1rem;font-size:1.2rem;opacity:0;transition:opacity .3s,transform .3s}
.eco-card:hover .eco-arrow{opacity:1;transform:translateX(5px)}

/* Marquee bar */
.marquee{overflow:hidden;white-space:nowrap;background:var(--glass);backdrop-filter:blur(10px);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:.75rem 0;margin:0}
.marquee-content{display:inline-block;animation:marquee 30s linear infinite}
.marquee-content span{margin:0 2rem;font-size:.9rem;color:var(--gray)}
.marquee-content span strong{color:var(--gold)}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* CTA section */
.cta-section{text-align:center;padding:3rem 1rem}
.cta-section h2{font-size:2rem;margin-bottom:1rem;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}

/* Token info grid */
.token-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin:2rem 0}
.token-info-item{background:var(--glass);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:16px;padding:1.25rem;text-align:center}
.token-info-item .ticon{font-size:1.5rem;margin-bottom:.5rem}
.token-info-item .tval{font-weight:700;color:var(--gold);font-size:1rem}
.token-info-item .tlabel{font-size:.75rem;color:var(--gray);margin-top:.2rem}

@media(min-width:768px){
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .cd-num{font-size:2.5rem}
  .big-stat .num{font-size:4rem}
  .cta-section h2{font-size:3rem}
}