* { box-sizing: border-box; }
body { margin: 0; background:#0f0f11; color:#f6f6f7; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
header { text-align:center; padding: 36px 16px 20px;}
.logo h1{ margin:0; font-size: 28px; letter-spacing: .3px;}
.tagline{ color:#bbb; margin-top:6px; }
.video-container{ width:100%; max-width:400px; margin: 8px auto 24px; position:relative; }
.video-container::before{ content:''; display:block; padding-top:177.78%; } /* 9:16 */
.video-container iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; border-radius:12px; }
main{ max-width:980px; margin:0 auto; padding: 0 16px 40px;}
.hero{ text-align:center; margin-bottom:18px;}
.hero h2{ font-size:22px; margin: 8px 0;}
.hero p{ color:#cfcfd2; margin:0; }
.card{ background:#141418; border:1px solid #26262a; padding:18px; border-radius:14px; }
.grid{ display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:14px; }
@media (max-width:720px){ .grid{ grid-template-columns: 1fr;} }
label{ display:flex; flex-direction:column; gap:6px; font-size:14px; color:#e8e8ea;}
input, textarea{ background:#1b1b20; border:1px solid #2a2a31; color:#f6f6f7; padding:12px 12px; border-radius:10px; outline:none; }
input::placeholder, textarea::placeholder{ color:#8d8d95; }
.req{ color:#ffd35a; margin-left:6px; }
h3{ margin: 18px 0 8px; font-size:16px; color:#f0f0f3; }
.cta{ margin-top:14px; background:#ffd35a; color:#141418; border:0; padding:14px 16px; font-weight:700; border-radius:12px; cursor:pointer; text-decoration: none; display:inline-block;}
.cta:hover{ filter: brightness(.95); }
.fineprint{ color:#9a9aa1; font-size:12px; margin-top:8px; }
footer{ text-align:center; color:#8b8b91; padding:24px 12px; font-size:12px; border-top: 1px solid #222229; }
.thanks{ max-width:760px; margin:64px auto; text-align:center; }