/* =========================================================
   LEGIÃOZ — REFATORAÇÃO VISUAL BASEADA NO LAYOUT FI-MODS
   Apenas camada visual. IDs e integrações do site permanecem.
   ========================================================= */

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

:root{
    --bg:#05070a;
    --surface:#0b0f16;
    --surface-2:#10151e;
    --surface-3:#151c26;
    --line:#1c2530;
    --line-strong:#293745;
    --blue:#00b0ff;
    --blue-dim:#0088c7;
    --blue-soft:rgba(0,176,255,.10);
    --text:#eef3f8;
    --muted:#8b98a5;
    --muted-2:#687582;
    --gold:#d1a13d;
    --gold-l:#efc96e;
    --green:#3ddc84;
    --red:#ef4444;
    --font-head:'Rajdhani',sans-serif;
    --font-body:'Inter',sans-serif;
    --font-mono:'JetBrains Mono',monospace;
    --transition:.22s ease;
}

html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;font-feature-settings:"ss02" 1}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
img{max-width:100%}
.container{width:min(1160px,calc(100% - 48px));margin:0 auto}

::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:var(--surface)}
::-webkit-scrollbar-thumb{background:var(--blue-dim)}

/* NAV */
.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;background:rgba(5,7,10,.84);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transition:var(--transition)}
.navbar.scrolled{background:rgba(5,7,10,.96);box-shadow:0 12px 34px rgba(0,0,0,.25)}
.nav-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.nav-logo,.footer-logo{display:flex;align-items:center;min-width:150px}
.nav-logo-img{height:36px;width:auto;display:block;object-fit:contain}
.footer-logo-img{height:32px;width:auto;display:block;object-fit:contain}
.logo-accent{color:var(--blue)}
.nav-links{display:flex;align-items:center;gap:34px;list-style:none}
.nav-link{font-family:var(--font-head);font-size:1rem;font-weight:600;letter-spacing:.035em;color:var(--muted);transition:color var(--transition)}
.nav-link:hover,.nav-link.active{color:var(--text)}
.nav-link.active{position:relative}
.nav-link.active::after{content:'';position:absolute;left:0;right:0;bottom:-27px;height:2px;background:var(--blue)}
.nav-actions{display:flex;align-items:center;gap:10px}
.btn-steam,.btn-steam-sm{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--blue-dim);background:var(--blue);color:#04121a;font-family:var(--font-head);font-weight:700;letter-spacing:.03em;padding:10px 18px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:var(--transition)}
.btn-steam:hover,.btn-steam-sm:hover{background:#33c1ff}
.steam-icon{width:18px;height:18px;flex-shrink:0;display:block}
.user-pill{display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--line);padding:6px 10px}
.nav-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover}
.nav-username{font-size:.82rem;font-weight:600}
.coin-badge{display:flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:.76rem;color:var(--gold-l)}
.btn-logout-small{border:0;background:transparent;color:var(--muted);padding:4px}.btn-logout-small:hover{color:#fff}
.hamburger{display:none;background:transparent;border:0;padding:5px}.hamburger span{display:block;width:24px;height:2px;background:var(--text);margin:5px 0}

/* APRESENTAÇÃO + BANNER */
.home-section{background:transparent;border-bottom:0}

/* Bloco exclusivo da apresentação: não herda alinhamento antigo do hero */
.presentation-section .presentation-inner{
    width:min(900px,calc(100% - 48px));
    margin:0 auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}
.presentation-section .presentation-copy{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
}
.presentation-section .hero-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    align-self:center;
    gap:9px;
    margin:0 auto 20px;
    font-family:var(--font-mono);
    font-size:.72rem;
    letter-spacing:.07em;
    color:var(--muted);
    border:1px solid var(--line);
    padding:7px 13px;
    clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
    background:var(--surface);
}
.badge-dot{width:6px;height:6px;background:var(--green);box-shadow:0 0 10px rgba(61,220,132,.65)}
#server-status-badge{color:var(--green)}
#hero-server-ip{color:var(--text);font-weight:500}
.hero-ip-separator{color:var(--line-strong)}
.hero-title{font-family:var(--font-head);font-size:clamp(3rem,7vw,5.6rem);font-weight:700;line-height:.96;letter-spacing:.01em;text-transform:uppercase;max-width:850px}
.hero-accent,.highlight{color:var(--blue)}
.presentation-section .hero-sub{
    width:100%;
    max-width:590px;
    margin:0 auto;
    text-align:center;
    font-size:1.05rem;
    color:var(--muted);
    line-height:1.7;
}
.presentation-section .hero-cta{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    flex-wrap:wrap;
    margin:28px auto 0;
}
.btn-primary,.btn-ghost,.btn-discord{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 22px;font-family:var(--font-head);font-size:.95rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;transition:var(--transition);clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px)}
.btn-primary{background:var(--blue);color:#04121a;border:1px solid var(--blue)}
.btn-primary:hover{background:#33c1ff;border-color:#33c1ff}
.btn-ghost{background:transparent;border:1px solid var(--line-strong);color:var(--text)}
.btn-ghost:hover{border-color:var(--blue);color:var(--blue)}
.presentation-section .hero-stats{
    width:100%;
    max-width:900px;
    margin:44px auto 0;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border:1px solid var(--line);
    background:var(--surface);
}
.hero-stat{padding:20px 18px;text-align:center;border-right:1px solid var(--line)}
.hero-stat:last-child{border-right:0}
.stat-num{display:block;font-family:var(--font-mono);font-size:1.55rem;color:var(--blue);font-weight:500}
.stat-label{display:block;margin-top:3px;font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}

/* BANNER: sem height fixo; apresentação sobre a imagem a 15px do bottom */
.hero-banner{
    position:relative;
    width:100%;
    margin-top:76px;
    overflow:hidden;
    background:#000;
    border-bottom:1px solid var(--line);
}
.hero-banner-image{
    position:relative;
    z-index:1;
    display:block;
    width:100%;
    height:auto;
    filter:none!important;
    opacity:.3!important;
    transform:none!important;
}
.presentation-section{
    position:absolute;
    left:0;
    right:0;
    bottom:15px;
    z-index:2;
    padding:0;
    margin:0;
    background:transparent;
    border:0;
}

/* SEÇÕES */
.section{padding:100px 0}
.section-header{max-width:650px;margin-bottom:48px;text-align:left}
.section-tag{display:block;margin-bottom:13px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.13em;color:var(--blue);text-transform:uppercase}
.section-title{font-family:var(--font-head);font-size:clamp(2.1rem,4.4vw,3rem);font-weight:700;line-height:1.05;text-transform:uppercase;letter-spacing:.02em}
.section-desc{margin-top:14px;color:var(--muted);font-size:.98rem;line-height:1.7;max-width:600px}
.store-section{background:linear-gradient(rgba(5,7,10,.25),rgba(5,7,10,.5) 55%,var(--bg) 90%),linear-gradient(rgba(5,7,10,.5),rgba(5,7,10,.5)),url('data/store-bg.jpg') center 30%/cover no-repeat}
.features-section{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.connect-section{position:relative;overflow:hidden}
.connect-section::before{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 48%,rgba(0,176,255,.05) 58%,transparent 72%);pointer-events:none}

/* LOGIN / SALDO */
.store-alert{display:flex;align-items:center;gap:16px;border:1px solid var(--line);background:var(--surface);padding:18px 20px;margin-bottom:24px;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}
.alert-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;color:var(--blue);border:1px solid var(--line);background:var(--surface-2)}
.alert-icon svg{width:21px;height:21px}.alert-body{flex:1}.alert-body strong{font-family:var(--font-head);font-size:1.05rem;letter-spacing:.02em}.alert-body p{font-size:.82rem;color:var(--muted);margin-top:2px}
.balance-card{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);background:var(--surface);padding:18px 20px;margin-bottom:24px;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}
.balance-left,.balance-right,.balance-amount{display:flex;align-items:center}.balance-left{gap:12px}.balance-avatar{width:46px;height:46px;border-radius:50%;border:1px solid var(--line-strong)}.balance-name{font-family:var(--font-head);font-weight:700;font-size:1rem}.balance-steamid{font-family:var(--font-mono);font-size:.68rem;color:var(--muted)}.balance-right{gap:15px}.balance-label{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.balance-amount{gap:7px}.bal-number{font-family:var(--font-mono);font-size:1.5rem;color:var(--gold-l)}.btn-refresh-bal{width:34px;height:34px;border:1px solid var(--line);background:var(--surface-2);color:var(--text)}.btn-refresh-bal:hover{border-color:var(--blue);color:var(--blue)}

/* PACOTES */
.packages-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.package-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:28px 24px 0;background:#0d1017;border:1px solid var(--line-strong);clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%);transition:border-color var(--transition),transform var(--transition),background var(--transition),box-shadow var(--transition);overflow:hidden;transform:none!important;box-shadow:0 8px 32px rgba(0,0,0,.55)}
.package-card:hover{border-color:var(--blue);background:#101722;transform:translateY(-4px)!important;box-shadow:0 12px 40px rgba(0,176,255,.15)}
.package-card.featured{border-color:var(--gold-l);box-shadow:inset 0 2px 0 var(--gold-l),0 12px 44px rgba(239,201,110,.25)}
.package-glow{position:absolute;inset:0;background:linear-gradient(145deg,rgba(0,176,255,.06),transparent 48%);pointer-events:none}
.package-ribbon{position:absolute;top:18px;right:-35px;width:135px;padding:5px 0;text-align:center;transform:rotate(45deg);background:var(--gold-l);color:#2a1f04;font-family:var(--font-head);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.package-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px;position:relative}
.package-icon{width:62px;height:62px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--line);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}
.package-bonus{font-family:var(--font-mono);font-size:.78rem;font-weight:600;color:var(--gold-l);margin-top:2px;position:relative}
.package-badge{font-family:var(--font-mono);font-size:.62rem;padding:4px 8px;border:1px solid var(--line);color:var(--muted);text-transform:uppercase}.package-badge.best{border-color:var(--blue-dim);color:var(--blue)}.package-badge.gold{border-color:#70571f;color:var(--gold-l)}
.package-name{font-family:var(--font-head);font-size:1.35rem;font-weight:700;text-transform:uppercase;position:relative}.package-coins{display:flex;align-items:baseline;gap:6px;margin-top:10px;position:relative}.coins-amount{font-family:var(--font-mono);font-size:1.9rem;color:var(--blue)}.coins-label{font-size:.72rem;color:var(--muted)}.package-price{font-family:var(--font-head);font-size:1.2rem;font-weight:700;margin:8px 0 18px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;position:relative}.price-save{font-family:var(--font-body);font-size:.65rem;font-weight:600;color:#9ee8bd;border:1px solid rgba(61,220,132,.28);padding:2px 6px}.package-perks{list-style:none;margin-bottom:20px;flex:1;position:relative}.package-perks li{font-size:.79rem;color:var(--muted);margin:7px 0;line-height:1.45}.btn-buy{display:block;width:calc(100% + 48px);margin:0 -24px;border:0;border-top:1px solid var(--line);padding:14px;background:var(--surface-2);color:var(--text);font-family:var(--font-head);font-size:.92rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;transition:var(--transition)}.btn-buy:hover,.btn-buy-featured{background:var(--blue);color:#04121a}.btn-buy-featured:hover{background:#33c1ff}.store-info-note{margin-top:22px;padding:14px 16px;border:1px solid var(--line);color:var(--muted);font-size:.78rem;background:rgba(11,15,22,.55)}

/* FEATURES */
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feature-card{position:relative;padding:28px 26px;background:var(--bg);border:1px solid var(--line);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);transition:var(--transition)}
.feature-card:hover{border-color:var(--blue-dim);transform:translateY(-3px)}
.feature-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface-2);color:var(--blue);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);margin-bottom:20px}.feature-icon svg{width:21px;height:21px}.feature-card h3{font-family:var(--font-head);font-size:1.3rem;text-transform:uppercase;margin-bottom:7px}.feature-card p{font-size:.84rem;color:var(--muted);line-height:1.65}

/* CONECTAR */
.connect-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:stretch}.connect-desc{margin-bottom:30px}.steps{display:flex;flex-direction:column;border-top:1px solid var(--line)}.step{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.step-num{font-family:var(--font-mono);font-size:.78rem;color:var(--blue);padding-top:4px}.step-body h4{font-family:var(--font-head);font-size:1.05rem;text-transform:uppercase}.step-body p{font-size:.8rem;color:var(--muted);margin-top:2px}.server-ip-box{margin-top:24px;border:1px solid var(--line);background:var(--surface);padding:17px 18px}.ip-label{display:block;font-family:var(--font-mono);font-size:.65rem;color:var(--blue);letter-spacing:.1em;margin-bottom:8px}.ip-value{display:flex;align-items:center;justify-content:space-between;gap:16px}.ip-value span{font-family:var(--font-mono);font-size:.95rem;color:var(--text)}.btn-copy{border:1px solid var(--blue-dim);background:transparent;color:var(--blue);padding:7px 13px;font-family:var(--font-head);font-weight:700}.btn-copy:hover,.btn-copy.copied{background:var(--blue);color:#04121a}
.discord-card{height:100%;min-height:440px;padding:44px 38px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:var(--surface);border:1px solid var(--line);clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,0 100%);position:relative;overflow:hidden}.discord-card::after{content:'';position:absolute;width:360px;height:360px;right:-180px;bottom:-180px;background:var(--blue);opacity:.07;transform:rotate(35deg)}.discord-logo{width:50px;height:50px;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface-2);color:#5865f2;margin-bottom:24px}.discord-kicker{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.13em;color:var(--blue);margin-bottom:8px}.discord-card h3{font-family:var(--font-head);font-size:2rem;text-transform:uppercase}.discord-card p{max-width:430px;color:var(--muted);font-size:.88rem;line-height:1.7;margin:10px 0 24px}.btn-discord{background:#5865f2;border:1px solid #5865f2;color:#fff}.btn-discord:hover{background:#6e78f5}.discord-stats{display:flex;gap:34px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line);width:100%}.discord-stats div{display:flex;flex-direction:column}.discord-stats strong{font-family:var(--font-mono);font-size:1rem}.discord-stats span{font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;margin-top:2px}

/* FOOTER */
.footer{border-top:1px solid var(--line);padding:42px 0;background:#040609}.footer-inner{display:grid;grid-template-columns:1.2fr 1fr 1.3fr;gap:38px;align-items:start}.footer-brand p{max-width:350px;color:var(--muted);font-size:.78rem;margin-top:12px}.footer-links{display:flex;flex-wrap:wrap;gap:10px 20px}.footer-links a{font-family:var(--font-head);font-size:.88rem;color:var(--muted)}.footer-links a:hover{color:var(--blue)}.footer-meta{text-align:right}.footer-meta p{font-size:.74rem;color:var(--muted)}.footer-disclaimer{margin-top:5px;opacity:.65}

/* MODAL */
.modal-overlay{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.76);backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:.25s}.modal-overlay.open{opacity:1;pointer-events:auto}.modal{position:fixed;top:50%;left:50%;z-index:2001;width:min(470px,calc(100% - 32px));padding:34px;background:var(--surface);border:1px solid var(--line-strong);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%);transform:translate(-50%,-55%);opacity:0;pointer-events:none;transition:.25s;box-shadow:0 30px 90px rgba(0,0,0,.55)}.modal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.modal-close{position:absolute;right:16px;top:16px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);width:32px;height:32px}.modal-icon{margin-bottom:12px}.modal-title{font-family:var(--font-head);font-size:1.7rem;text-transform:uppercase;margin-bottom:18px}.modal-details,.modal-notice{background:var(--surface-2);border:1px solid var(--line);padding:14px;margin-bottom:14px}.modal-details-row{display:flex;justify-content:space-between;gap:16px;padding:7px 0;font-size:.82rem;border-bottom:1px solid var(--line)}.modal-details-row:last-child{border-bottom:0}.modal-details-row .label,.modal-notice{color:var(--muted)}.modal-details-row .value{font-weight:600}.modal-details-row .gold{color:var(--gold-l)}.modal-notice{font-size:.75rem;line-height:1.55}.modal-actions{display:flex;gap:10px}.btn-ghost-modal,.btn-confirm{flex:1;padding:11px 14px;font-family:var(--font-head);font-weight:700;text-transform:uppercase}.btn-ghost-modal{border:1px solid var(--line-strong);background:transparent;color:var(--text)}.btn-confirm{border:1px solid var(--blue);background:var(--blue);color:#04121a}.btn-confirm:hover{background:#33c1ff}
.toast{position:fixed;right:22px;bottom:22px;z-index:3000;max-width:340px;padding:13px 16px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);font-size:.82rem;box-shadow:0 18px 50px rgba(0,0,0,.35);transform:translateY(18px);opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translateY(0)}.toast.success{border-left:3px solid var(--green)}.toast.error{border-left:3px solid var(--red)}.toast.info{border-left:3px solid var(--blue)}

/* REVEAL */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:none}

@media(max-width:1050px){.packages-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.connect-grid{grid-template-columns:1fr;gap:42px}.discord-card{min-height:360px}.footer-inner{grid-template-columns:1fr 1fr}.footer-meta{text-align:left}.features-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.hero-banner{margin-top:76px}.presentation-section{bottom:15px;padding:0}.nav-links{display:none;position:fixed;top:76px;left:0;right:0;background:rgba(5,7,10,.98);border-bottom:1px solid var(--line);padding:18px 24px;flex-direction:column;align-items:flex-start;gap:12px}.nav-links.open{display:flex}.nav-link.active::after{display:none}.hamburger{display:block}.home-section{padding:0}.hero-stats{grid-template-columns:1fr}.hero-stat{border-right:0;border-bottom:1px solid var(--line)}.hero-stat:last-child{border-bottom:0}.store-alert{align-items:flex-start;flex-wrap:wrap}.store-alert .btn-steam-sm{margin-left:58px}.footer-inner{grid-template-columns:1fr}}
@media(max-width:620px){.hero-banner{margin-top:68px}.presentation-section{bottom:15px;padding:0}.container{width:min(100% - 30px,1160px)}.nav-inner{height:68px}.nav-links{top:68px}.nav-logo-img{height:28px}.nav-actions .btn-steam{width:42px;padding:10px;font-size:0;clip-path:none}.nav-actions .btn-steam .steam-icon{width:20px;height:20px}.home-section{padding:0}.hero-title{font-size:clamp(2.65rem,15vw,4rem)}.hero-badge{font-size:.62rem;max-width:100%;flex-wrap:wrap}.hero-sub{font-size:.93rem}.hero-cta{flex-direction:column}.btn-primary,.btn-ghost{width:100%}.section{padding:76px 0}.packages-grid,.features-grid{grid-template-columns:1fr}.balance-card{align-items:flex-start;flex-direction:column}.balance-right{width:100%;justify-content:space-between}.store-alert .btn-steam-sm{margin-left:0;width:100%}.ip-value{align-items:stretch;flex-direction:column}.btn-copy{width:100%}.discord-card{padding:34px 24px}.footer-links{gap:8px 16px}.modal-actions{flex-direction:column}}

:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}