/* Minimal, no Bootstrap */
:root{
  --bg:#0b0b0e;
  --ink:#f2f2f2;
  --muted:#a0a3aa;
  --accent:#b30059;
  --accent-2:#17a2ff;
  --panel:#13131a;
  --panel-alt:#0f0f15;
  --shadow: rgba(0,0,0,0.5);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}
a{color:var(--accent-2);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1000px;margin:0 auto;padding:1.2rem}

.logo{font-family:'Bebas Neue',cursive;letter-spacing:2px;margin:0;font-size:2rem}
.logo span{color:var(--accent)}

.site-header{position:sticky;top:0;background:rgba(11,11,14,0.8);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid #1e1e27;z-index:10}
.nav{display:flex;gap:1rem;align-items:center}
.nav a{opacity:0.9}
.btn{display:inline-block;padding:.7rem 1rem;border-radius:12px;border:1px solid #2a2a36;background:#1a1a24}
.btn-primary{background:linear-gradient(135deg,var(--accent),#ff2d74);border:none;color:white;box-shadow:0 6px 18px var(--shadow)}
.btn:hover{transform:translateY(-1px)}

.hero{padding:5rem 0;background:
 radial-gradient(1200px 500px at 10% -10%,rgba(179,0,89,.25),transparent 60%),
 radial-gradient(1000px 500px at 90% 0,rgba(23,162,255,.15),transparent 60%);
 text-align:center}
.hero-title{font-size:3rem;margin:.5rem 0}
.hero-sub{color:var(--muted);max-width:700px;margin:0 auto 1rem}

.panel{padding:3rem 0;background:var(--panel)}
.panel-alt{background:var(--panel-alt)}
h3{font-size:1.6rem;margin:0 0 .5rem}

.video-card .fake-frame{
  border:10px solid #333;border-radius:20px;background:#050507;box-shadow:0 20px 50px var(--shadow);padding:0;overflow:hidden
}
.fake-frame .screen{aspect-ratio:16/9;display:grid;place-items:center;color:#777;border-top:2px solid #2b2b33}
.scanlines{position:relative;height:4px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.07) 0,rgba(255,255,255,.07) 1px,transparent 1px,transparent 2px);filter:blur(.3px)}

.mc-form{display:grid;gap:.8rem;max-width:700px}
.mc-form input[type="email"], .mc-form input[type="text"]{
  width:100%;padding:.9rem 1rem;border-radius:12px;border:1px solid #2a2a36;background:#0b0b11;color:var(--ink)
}
.inline-row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}

.site-footer{border-top:1px solid #1e1e27;background:#0c0c12}
.site-footer .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.fineprint{color:var(--muted);font-size:.9rem}

/* Modal */
.modal{position:fixed;inset:0;display:none}
.modal.show{display:block}
.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.65)}
.modal-dialog{position:relative;max-width:520px;margin:10vh auto;background:#121219;border:1px solid #2a2a36;border-radius:16px;padding:1.2rem;box-shadow:0 30px 80px var(--shadow)}
.modal-close{position:absolute;top:.6rem;right:.6rem;background:transparent;color:#aaa;border:none;font-size:1.6rem;cursor:pointer}
.modal-note{color:var(--muted);font-size:.9rem;margin-top:.5rem}