@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@400;500;600;700&display=swap');

:root { --ink:#080808; --panel:#121212; --line:#302e29; --gold:#c9a84c; --gold-light:#ead58f; --text:#f8f6f1; --muted:#aaa79f; }
* { box-sizing:border-box; }
body { min-width:320px; margin:0; background:var(--ink); color:var(--text); font-family:"DM Sans",Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.shell { width:min(100%,760px); margin:auto; padding:18px 14px 42px; }
.site-head { display:flex; align-items:center; justify-content:space-between; gap:16px; color:var(--muted); font-size:11px; letter-spacing:.12em; text-transform:uppercase; }
.site-head a { color:var(--gold); font-weight:700; }
.logo { display:block; width:min(230px,65vw); height:auto; margin:38px auto 30px; }
.hero { text-align:center; }
.eyebrow { margin:0 0 9px; color:var(--gold); font-size:11px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; }
h1,h2 { margin:0; font-family:"Bebas Neue",Impact,sans-serif; font-weight:400; letter-spacing:.025em; line-height:.88; }
h1 { font-size:clamp(52px,15vw,86px); }
h2 { font-size:42px; }
.lead { max-width:540px; margin:18px auto 0; color:#d0cdc6; font-size:16px; line-height:1.55; }
.section { margin-top:38px; border-top:1px solid var(--line); padding-top:34px; }
.content { display:grid; gap:28px; align-items:center; margin-top:25px; }
.ebook { width:min(100%,390px); margin:auto; filter:drop-shadow(0 24px 32px rgba(0,0,0,.4)); }
.panel { border:1px solid var(--line); border-radius:16px; background:var(--panel); padding:22px; }
.panel h2 { font-size:40px; }
.benefits { display:grid; gap:13px; padding:0; margin:20px 0 23px; list-style:none; color:#d0cdc6; font-size:14px; line-height:1.45; }
.benefits li { display:flex; gap:10px; }
.benefits li::before { content:'✓'; color:var(--gold); font-weight:700; }
.form { display:grid; gap:11px; }
label { color:#d0cdc6; font-size:12px; font-weight:700; }
input { width:100%; border:1px solid #514c42; border-radius:10px; padding:14px; background:#0b0b0b; color:var(--text); font:inherit; }
input:focus { outline:2px solid var(--gold); outline-offset:1px; }
.privacy { margin:2px 0 0; color:#817e77; font-size:11px; line-height:1.45; }
.privacy a { color:var(--gold); text-decoration:underline; text-underline-offset:2px; }
.button { display:block; border:0; border-radius:11px; padding:16px 20px; background:var(--gold); color:var(--ink); cursor:pointer; font:700 14px "DM Sans",Arial,sans-serif; text-align:center; transition:background .2s,transform .2s; }
.button:hover { background:var(--gold-light); transform:translateY(-1px); }
.button.outline { border:1px solid #5a5449; background:transparent; color:var(--text); }
.button.outline:hover { background:#1a1917; }
.success { max-width:540px; margin:44px auto 0; text-align:center; }
.check { display:grid; width:66px; height:66px; place-items:center; margin:0 auto 22px; border:1px solid var(--gold); border-radius:50%; color:var(--gold); font-size:32px; }
.success p { margin:18px auto 0; max-width:480px; color:#d0cdc6; line-height:1.55; }
.next { display:grid; gap:12px; margin-top:31px; text-align:left; }
.next a { position:relative; border:1px solid var(--line); border-radius:14px; padding:18px 52px 18px 18px; background:var(--panel); }
.next a:hover { border-color:#6a5c33; }
.next .button { border-color:var(--gold); background:var(--gold); color:var(--ink); }
.next .button:hover { background:var(--gold-light); }
.next .button small { color:#4f4320; }
.next strong,.next small { display:block; }
.next small { margin-top:4px; color:var(--muted); font-size:12px; }
.next i { position:absolute; top:16px; right:18px; color:var(--gold); font-size:24px; font-style:normal; }
footer { margin-top:42px; border-top:1px solid var(--line); padding-top:22px; color:#77746e; font-size:11px; text-align:center; }
footer a { margin:0 8px; }
@media (min-width:680px) { .shell { padding:22px 20px 52px; } .content { grid-template-columns:1fr 1fr; gap:40px; } .logo { margin-top:48px; } .panel { padding:28px; } }