:root { --bordo:#5A0F1B; --gold:#D4AF37; --neon:#00E5FF; --black:#0B0B0C; --off:#F8F5F2; }
* { box-sizing:border-box; }
body { margin:0; font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color:var(--off);
  background: radial-gradient(1200px 600px at 20% -10%, rgba(0,229,255,0.15), transparent),
              radial-gradient(800px 400px at 110% 10%, rgba(212,175,55,0.12), transparent), var(--black); }
a { color: var(--neon); text-decoration:none; }
a.button, button { background: var(--bordo); color:#fff; border:1px solid var(--gold); padding:12px 18px; border-radius:14px; font-weight:700; cursor:pointer;
  transition: transform .15s ease, box-shadow .2s ease; }
a.button:hover, button:hover { transform: translateY(-2px); box-shadow: 0 0 18px rgba(0,229,255,.35); }
a.button.neon, button.neon { border-color: var(--neon); box-shadow: inset 0 0 12px rgba(0,229,255,.35); }
.header { position:sticky; top:0; z-index:10; backdrop-filter: blur(8px); background: rgba(11,11,12,.6); border-bottom:1px solid rgba(212,175,55,.25); }
.header-inner { max-width:1100px; margin:0 auto; padding:12px 20px; display:flex; align-items:center; gap:12px; }
.logo img { height:42px; }
.logo-title { font-weight:700; font-size:20px; color:var(--gold); text-shadow:0 0 6px rgba(0,229,255,.45); }
.nav { margin-left:auto; display:flex; gap:12px; flex-wrap:wrap; }
.nav a { padding:8px 10px; border-radius:10px; }
.nav a:hover { background: rgba(0,229,255,.08); }
.hero { min-height:56vh; display:grid; place-items:center; text-align:center; padding:42px 20px; background: linear-gradient(180deg, rgba(0,0,0,0) 0, rgba(0,0,0,.35) 100%); }
.hero h1 { font-size: clamp(28px, 6vw, 56px); color:var(--neon); text-shadow: 0 0 14px rgba(0,229,255,.6); margin:0 0 8px 0; }
.hero p { max-width:720px; margin:0 auto 22px auto; opacity:.9; }
.grid { max-width:1100px; margin:0 auto; padding:24px 20px; display:grid; gap:16px; }
.cards { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.card { background: rgba(255,255,255,0.02); border:1px solid rgba(0,229,255,.25); border-radius:18px; padding:18px; transition: transform .15s ease, box-shadow .2s ease; }
.card:hover { transform: translateY(-3px); box-shadow: 0 0 28px rgba(0,229,255,0.25); }
.card h3 { margin:0 0 6px 0; color:var(--gold); }
.footer { border-top:1px solid rgba(212,175,55,.25); margin-top:36px; }
.footer-inner { max-width:1100px; margin:0 auto; padding:22px 20px; opacity:.9; }

/* Barra fixa inferior */
.sticky-mobile { position:fixed; bottom:0; left:0; right:0; z-index:20; display:grid; grid-template-columns: repeat(4, 1fr); gap:6px;
  padding:8px; background: rgba(11,11,12,.68); backdrop-filter: blur(8px); }
.sticky-mobile a { text-align:center; padding:10px 6px; border-radius:10px; font-size:14px; }
@media (min-width:900px) { .sticky-mobile { display:none; } }

/* Drawer Mobile + Glow */
.hamburger { display:none; margin-left:auto; font-size:22px; line-height:1; background: transparent; border:1px solid rgba(212,175,55,.45); color:#fff; padding:8px 10px; border-radius:10px; }
.mobile-drawer { position: fixed; top:0; bottom:0; left:0; width: 78%; max-width: 340px;
  background: linear-gradient(180deg, rgba(11,11,12,.96) 0%, rgba(11,11,12,.88) 100%);
  border-right:1px solid rgba(212,175,55,.25); transform: translateX(-100%); transition: transform .25s ease; z-index: 100; padding: 18px;
  box-shadow: 0 0 24px rgba(212,175,55,.25);
}
.mobile-drawer a { display:block; padding:12px 10px; border-bottom: 1px dashed rgba(212,175,55,.25); color:#fff; position:relative; transition: background .15s ease, padding-left .15s ease; }
.mobile-drawer a:hover { background: rgba(212,175,55,.10); padding-left: 14px; }
.mobile-drawer a:active { background: rgba(0,229,255,.12); }
.mobile-drawer a::after { content: ''; position:absolute; left:0; top:50%; transform: translateY(-50%); width:6px; height:6px; border-radius:999px; background: transparent; transition: background .2s ease; }
.mobile-drawer a:hover::after { background: rgba(212,175,55,.9); }
.drawer-overlay { position: fixed; inset:0; background: rgba(0,0,0,.55); opacity:0; pointer-events:none; transition: opacity .25s; z-index: 90; }
body.drawer-open .mobile-drawer { transform: translateX(0); }
body.drawer-open .drawer-overlay { opacity:1; pointer-events:auto; }

/* Mobile header tweaks */
@media (max-width: 640px) {
  .nav { display:none; }
  .hamburger { display:block; }
  .logo img { height: 46px; }
  .logo-title { font-size: 16px; }
  .header-inner { gap: 10px; }
}

/* Glow states do botão ☰ */
.hamburger { position:relative; transition: box-shadow .2s ease, transform .1s ease; }
.hamburger:hover { box-shadow: 0 0 10px rgba(212,175,55,.6), 0 0 20px rgba(0,229,255,.35) inset; transform: translateY(-1px); }
.hamburger:active { transform: scale(0.98); }
body.drawer-open .hamburger { box-shadow: 0 0 12px rgba(0,229,255,.55), 0 0 24px rgba(212,175,55,.4) inset; border-color: rgba(0,229,255,.6); }
@keyframes pulse-gold { 0% { box-shadow: 0 0 0 rgba(212,175,55,0.0);} 50% { box-shadow: 0 0 16px rgba(212,175,55,.65);} 100% { box-shadow: 0 0 0 rgba(212,175,55,0.0);} }
.hamburger:focus { outline: none; animation: pulse-gold .3s ease; }