/*
Theme Name: Hypestage Complete V3
Theme URI: https://hypestagehq.com
Author: Hypestage Team
Description: Hype-first creator commerce theme with a holographic 3D Vault intro, viral homepage, drops calendar, and creator hub.
Version: 3.0.0
Text Domain: hypestage
*/
:root{
  --bg:#050505; --panel:#0b0b14; --muted:#8ea0b8;
  --glow:#b18eff; --neon:#7c3aed; --accent:#8f6cff;
}
body{margin:0;background:var(--bg);color:#fff;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.45;}
a{color:var(--glow);text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:14px;border:1px solid rgba(177,142,255,.5);color:#fff;background:rgba(177,142,255,.08);backdrop-filter:blur(6px);box-shadow:0 0 0 transparent;transition:.25s}
.btn:hover{box-shadow:0 0 18px rgba(177,142,255,.5)}
header.site{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.06)}
.brand{font-weight:800;letter-spacing:.12em;color:#fff}
nav a{opacity:.85;margin:0 10px}
.hero{display:grid;place-items:center;padding:80px 0;background:radial-gradient(800px 400px at 50% 35%,rgba(177,142,255,.18),transparent 60%)}
.hero h1{font-size:68px;line-height:.98;text-align:center;margin:0;background:linear-gradient(180deg,#cbb6ff 0%,#7f67ff 65%,#5d48d8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 24px rgba(177,142,255,.25)}
.timer{font-size:42px;letter-spacing:.05em;margin:18px 0 26px;color:#ddd}
.section{padding:36px 0}
.card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:16px}
.grid{display:grid;gap:14px}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
footer.site{padding:28px 24px;border-top:1px solid rgba(255,255,255,.06);color:var(--muted);font-size:14px}
