:root{
  --ink:#0e2a3a;
  --ink-2:#0b1f2a;
  --brand:#22a6e0;
  --brand-2:#6ed6ff;
  --bg:#0c1822;
  --glass: rgba(255,255,255,0.08);
  --ring: rgba(34,166,224,0.4);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:linear-gradient(160deg,#0a1721 0%,#102231 100%);color:#eaf6ff;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;scroll-behavior:smooth}
img{max-width:100%;display:block}

.container{width:min(1200px,90%);margin-inline:auto}

.topbar{position:sticky;top:0;z-index:999;background:rgba(10,23,33,0.75);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.08)}
.topbar .container{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.email-tag{display:flex;gap:8px;align-items:center;color:#cde9f8;font-weight:600}
.email-tag a{color:#cde9f8;text-decoration:none}
.nav a{color:#cde9f8;margin-left:18px;text-decoration:none;font-weight:600;opacity:.9}
.nav a:hover{opacity:1}

.hero{position:relative;overflow:hidden;padding:64px 0 96px;border-bottom:1px solid rgba(255,255,255,0.06)}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.hero .logo{width:100%;max-width:520px;filter:drop-shadow(0 8px 26px rgba(0,0,0,.4))}

.hero-copy h1{font-family:'Bebas Neue',system-ui,Arial,sans-serif;font-size:80px;line-height:.9;margin:0 0 12px}
.outline{color:transparent;-webkit-text-stroke:2px var(--brand-2)}
.tagline{font-size:20px;opacity:.9;margin:0 0 24px}
.cta-row{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;border:1px solid transparent;text-decoration:none;font-weight:800;letter-spacing:.4px;transition:transform .2s ease,background .2s ease,border-color .2s ease,opacity .2s ease;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#00131c;box-shadow:0 6px 20px var(--ring)}
.btn-ghost{background:transparent;border-color:rgba(255,255,255,0.25);color:#eaf6ff}
.btn-ghost:hover{border-color:rgba(255,255,255,0.45)}

.social-row{display:flex;gap:16px;margin-top:20px;flex-wrap:wrap}
.social{display:inline-flex;gap:10px;align-items:center;padding:8px 14px;border-radius:12px;background:rgba(255,255,255,0.06);text-decoration:none;color:#d6f0ff;border:1px solid rgba(255,255,255,0.08)}
.social:hover{background:rgba(255,255,255,0.1)}

.backdrop{position:absolute;inset:-30% -10% auto -10%;height:120%;z-index:-1;filter:blur(40px);pointer-events:none}
.orb{position:absolute;width:420px;height:420px;border-radius:50%;opacity:.5;mix-blend:screen}
.orb-1{background:radial-gradient(circle at 30% 30%,#2ddfff,transparent 60%);top:0;left:-80px;animation:float 8s ease-in-out infinite}
.orb-2{background:radial-gradient(circle at 50% 50%,#22a6e0,transparent 60%);top:140px;right:10%;animation:float 10s ease-in-out infinite reverse}
.orb-3{background:radial-gradient(circle at 70% 70%,#63e1ff,transparent 60%);bottom:-60px;left:30%;animation:float 12s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-12px)}}

.scroll-indicator{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);width:30px;height:48px;border:2px solid rgba(255,255,255,0.5);border-radius:999px;display:flex;align-items:flex-start;justify-content:center;padding-top:6px;opacity:.7}
.scroll-indicator span{width:6px;height:10px;border-radius:999px;background:#fff;animation:scroll 1.4s infinite}
@keyframes scroll{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(16px)}}

.section{padding:84px 0}
.section.alt{background:rgba(255,255,255,0.03)}
.section-head{margin-bottom:28px}
.section-head h2{font-family:'Bebas Neue',sans-serif;font-size:52px;letter-spacing:.5px;margin:0 0 6px}
.section-head p{opacity:.9;margin:0}

.split{display:grid;grid-template-columns:1.2fr .8fr;gap:36px}
.punchlist{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.punchlist li{background:var(--glass);padding:10px 12px;border:1px solid rgba(255,255,255,0.08);border-radius:12px}
.panel{display:grid;gap:16px;align-content:start}
.stat{padding:18px;border-radius:16px;border:1px solid rgba(255,255,255,0.08);background:linear-gradient(140deg,rgba(255,255,255,0.06),rgba(255,255,255,0.03))}
.stat-num{font-family:'Bebas Neue',sans-serif;font-size:44px;margin:0;color:#b7eaff}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{padding:22px;border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,0.06),rgba(255,255,255,0.02));border:1px solid rgba(255,255,255,0.08)}
.card h3{margin:0 0 6px;font-size:24px}
.card ul{margin:12px 0 16px 18px}
.card li{margin:6px 0}

.grid{display:grid;gap:20px}
.merch-grid{grid-template-columns:repeat(3,1fr)}
.merch-card{padding:14px;border-radius:20px;border:1px solid rgba(255,255,255,0.08)}
.merch-card img{aspect-ratio:1/1;object-fit:contain;border-radius:14px;background:rgba(255,255,255,0.06);padding:10px}
.merch-card h3{margin:12px 0 6px}
.price{font-weight:800;font-size:18px;margin:8px 0 12px;color:#bfe9ff}
.center{text-align:center}
.mt-lg{margin-top:26px}

.glass{background:var(--glass);border:1px solid rgba(255,255,255,0.1)}

.donate-box{display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:18px}
.donate-actions{display:flex;flex-wrap:wrap;gap:12px}
.venmo-note{opacity:.85;margin:0}

.footer{padding:40px 0;border-top:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.02)}
.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.logo-small{width:72px;opacity:.95}
.small{opacity:.75}

@media (max-width: 980px){
  .hero-grid{grid-template-columns:1fr}
  .split{grid-template-columns:1fr}
  .cards,.merch-grid{grid-template-columns:1fr}
  .hero-copy h1{font-size:64px}
}

/* Footer links styled like top nav */
.footer-links a{color:#cde9f8;margin-left:18px;text-decoration:none;font-weight:600;opacity:.9}
.footer-links a:hover{opacity:1}

/* stacked second row of social buttons */
.social-subrow{display:flex;gap:16px;margin-top:10px;flex-wrap:wrap}