:root{
  --bg:#000;
  --fg:#fff;
  --accent:#d4af37;
  --muted:#d6d6d6;
  font-family:Inter,system-ui,sans-serif;
  }
 .top-image{
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg)}
.container{max-width:920px;margin:40px auto;padding:24px}
.headline h1{margin:0;font-size:clamp(1.6rem,3vw,2.4rem)}
.sub{color:var(--muted)}
.video-wrapper{
  position:relative;
  padding-bottom:56.25%;
  height:0;
  overflow:hidden;
  border-radius:10px;
  background:#111;
}
.video-wrapper iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}
.text p{color:var(--muted);line-height:1.65}
.buy{display:flex;justify-content:center;margin-top:24px}
.mp-btn{
  background:linear-gradient(180deg,#e0bf5d,var(--accent));
  color:#000;
  border:0;
  border-radius:10px;
  padding:56px 88px;
  font-size: 24px;
  font-weight:800;
  cursor:pointer;
}
form.signup-form{display:grid;gap:12px;margin-top:18px}
label{display:grid;gap:6px;color:var(--muted)}
input,select{
  padding:12px;
  border-radius:8px;
  border:1px solid #222;
  background:#050505;
  color:var(--fg);
}
@media(max-width:600px){
  .container{margin:18px;padding:16px}
}