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

:root {
  --black: #070707;
  --panel: #15130f;
  --gold: #d6a53b;
  --gold-dark: #9b6c0e;
  --gold-light: #f1d27c;
  --cream: #f7f0e2;
  --white: #fff;
  --muted: #bcb5aa;
  --line: rgba(214, 165, 59, .28);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; position: relative; isolation: isolate; background: var(--black); color: var(--white); font-family: Montserrat, Arial, sans-serif; }
body::before { content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none; opacity: .2; background-image: radial-gradient(rgba(255,255,255,.22) .5px, transparent .5px); background-size: 7px 7px; }
body::after { content: ""; position: fixed; z-index: 0; pointer-events: none; width: 72vw; height: 72vw; min-width: 760px; min-height: 760px; left: -20vw; top: 7vh; opacity: .72; background: radial-gradient(circle at 18% 22%,rgba(214,165,59,.18) 0 4.5%,transparent 5%),radial-gradient(circle at 68% 14%,rgba(241,210,124,.12) 0 7%,transparent 7.5%),radial-gradient(circle at 84% 54%,rgba(214,165,59,.15) 0 3.5%,transparent 4%),radial-gradient(circle at 35% 72%,rgba(241,210,124,.1) 0 9%,transparent 9.5%),radial-gradient(circle at 72% 88%,rgba(214,165,59,.13) 0 5.5%,transparent 6%); filter: blur(.2px); animation: goldenDrift 15s ease-in-out infinite alternate; }
body > header, body > main, body > footer, body > .form-tools, body > .form-page { position: relative; z-index: 1; }
@keyframes goldenDrift { 0% { transform: translate3d(0,0,0) rotate(0deg); } 50% { transform: translate3d(4vw,-2vh,0) rotate(4deg); } 100% { transform: translate3d(8vw,3vh,0) rotate(-3deg); } }
a { color: inherit; text-decoration: none; }
.site-head { position: sticky; top: 0; z-index: 10; background: rgba(7,7,7,.92); backdrop-filter: blur(18px); border-bottom: 1px solid var(--line); }
.head-inner { max-width: 1180px; margin: auto; padding: 15px 24px; display: flex; align-items: center; gap: 24px; }
.brand { font-family: "Bebas Neue", Impact, sans-serif; font-size: 1.75rem; font-weight: 900; letter-spacing: .18em; }
.brand span, .head-nav a:hover, .head-nav .active { color: var(--gold-light); }
.head-nav { display: flex; gap: 18px; align-items: center; margin-left: auto; font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.head-cta { border: 1px solid var(--gold); padding: 10px 15px; border-radius: 6px; }
.hero-page { min-height: 72vh; display: grid; place-items: center; position: relative; overflow: hidden; background: linear-gradient(90deg,rgba(7,7,7,.98),rgba(7,7,7,.87) 45%,rgba(7,7,7,.35)),var(--hero) center/cover; border-bottom: 1px solid var(--line); }
.hero-inner { width: min(1180px,calc(100% - 48px)); padding: 90px 0; }
.eyebrow { color: var(--gold); font-weight: 800; letter-spacing: .16em; text-transform: uppercase; font-size: .75rem; }
.hero-page h1 { font-family: "Bebas Neue",Impact,sans-serif; font-size: clamp(3rem,8vw,7.5rem); line-height: .88; margin: 18px 0; letter-spacing: .01em; max-width: 900px; }
.hero-page p { max-width: 630px; font-size: 1.08rem; line-height: 1.7; color: var(--muted); }
.actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; border-radius: 6px; padding: 15px 22px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; font-size: .75rem; border: 1px solid transparent; }
.btn-primary, .btn-light { background: linear-gradient(135deg,var(--gold-light),var(--gold)); color: #0b0904; }
.btn-secondary { border-color: var(--gold); color: var(--gold-light); background: rgba(7,7,7,.55); }
.wrap { width: min(1120px,calc(100% - 40px)); margin: auto; }
.section { padding: 90px 0; }
.section-light { background: var(--cream); color: #17120a; }
.section-title { font-family: "Oswald",Arial,sans-serif; font-size: clamp(2rem,4vw,3.8rem); margin: 10px 0 20px; line-height: 1; }
.lead { font-size: 1.1rem; line-height: 1.75; max-width: 760px; }
.grid-3 { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.card { border: 1px solid var(--line); background: linear-gradient(135deg,#0d0b08,#17120a); padding: 26px; border-radius: 6px; }
.section-light .card { background: #fff; border-color: rgba(95,65,8,.25); }
.card h3 { font-size: 1.25rem; margin: 8px 0; }
.card p { line-height: 1.6; color: var(--muted); }
.section-light .card p { color: #6f665b; }
.number { font-size: 2.3rem; font-weight: 900; color: var(--gold); }
.pricing .card { display: flex; flex-direction: column; min-height: 330px; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.pricing .card:hover { transform: translateY(-5px); border-color: var(--gold); box-shadow: 0 18px 36px rgba(80,55,5,.18); }
.pricing .card:focus-visible { outline: 3px solid var(--gold); outline-offset: 4px; }
.pricing .card h3 { min-height: 3.2em; display: flex; align-items: flex-start; }
.price { font-size: 2.7rem; font-weight: 900; margin: auto 0 16px; color: var(--gold-dark); }
.price small { font-size: .9rem; }
.featured { outline: 2px solid var(--gold); transform: translateY(-8px); position: relative; }
.pill { display: inline-block; background: linear-gradient(135deg,var(--gold-light),var(--gold)); color: #0b0904; padding: 7px 11px; border-radius: 3px; font-size: .72rem; font-weight: 900; text-transform: uppercase; }
.offer-labels { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.best-value { color: var(--gold-dark); font-size: .7rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.fine { font-size: .82rem; color: #958e84; line-height: 1.55; }
.cta-band { background: linear-gradient(135deg,#0d0b08,#211c13); border-block: 1px solid var(--line); padding: 60px 0; }
.cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.cta-inner h2 { font-family: "Oswald",Arial,sans-serif; font-size: clamp(2rem,4vw,3.5rem); margin: 0; }
.poster-layout { display: grid; grid-template-columns: minmax(300px,430px) 1fr; gap: 60px; align-items: center; }
.poster { width: 100%; border-radius: 4px; border: 1px solid var(--line); box-shadow: 0 30px 70px rgba(0,0,0,.6); }
.info-list { display: grid; gap: 13px; margin: 25px 0; }
.info-item { display: flex; gap: 13px; align-items: flex-start; }
.check { flex: 0 0 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: var(--gold); color: #0b0904; font-weight: 900; }
.form-shell { background: #0d0b08; color: var(--cream); min-height: 100vh; }
.form-page { width: min(900px,calc(100% - 32px)); margin: 35px auto 70px; background: var(--cream); color: #17120a; padding: 45px; border-radius: 6px; border: 1px solid var(--gold); box-shadow: 0 20px 60px rgba(0,0,0,.45); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.field { border-bottom: 1px solid #9b8b72; min-height: 62px; padding: 8px 0; }
.field.full { grid-column: 1/-1; }
.field label { font-size: .72rem; text-transform: uppercase; font-weight: 800; color: #715d37; }
.choices { display: grid; gap: 12px; margin: 20px 0; }
.choice { padding: 17px; border: 1px solid rgba(95,65,8,.3); border-radius: 4px; }
.legal { padding: 18px; background: #eee3d0; border: 1px solid rgba(95,65,8,.18); border-radius: 4px; font-size: .86rem; line-height: 1.55; }
.form-tools { display: flex; gap: 12px; justify-content: center; margin: 24px; }
.anims-placeholder { min-height: 70vh; display: grid; place-items: center; text-align: center; padding: 40px; background: radial-gradient(circle at 50% 30%,rgba(214,165,59,.13),transparent 45%); }
.footer { padding: 35px 20px; text-align: center; color: #958e84; border-top: 1px solid var(--line); font-size: .8rem; }
.info-hero{padding:90px 0 42px;text-align:center}.info-hero .lead{margin:auto}.info-page{padding:20px 0 90px}.info-block{max-width:900px;margin:18px auto;padding:28px;background:linear-gradient(145deg,#17140e,#0b0b0b);border:1px solid var(--line)}.info-block h2{margin:0 0 15px;font-family:"Oswald",sans-serif;text-transform:uppercase}.info-block h3{margin:24px 0 8px;color:var(--gold-light)}.info-block p,.info-block li{color:var(--muted);line-height:1.75}.info-block a{color:var(--gold-light);text-decoration:underline}.info-block ul{padding-left:20px}.info-alert{border-color:var(--gold);background:rgba(214,165,59,.08)}.faq-list{max-width:900px;margin:auto}.faq-list details{margin:12px 0;padding:20px 22px;background:linear-gradient(145deg,#17140e,#0b0b0b);border:1px solid var(--line)}.faq-list summary{cursor:pointer;color:var(--cream);font-weight:800}.faq-list details p{margin:15px 0 0;color:var(--muted);line-height:1.75}
@media(max-width:850px) { .head-nav{display:none}.hero-page{min-height:66vh;background-position:62% center}.hero-inner{padding:70px 0}.grid-3,.poster-layout{grid-template-columns:1fr}.poster{max-width:460px;margin:auto}.cta-inner{align-items:flex-start;flex-direction:column}.featured{transform:none}.section{padding:65px 0}.form-page{padding:25px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto} }
@media (prefers-reduced-motion: reduce) { body::after { animation: none; } }
@media print { body::before,body::after,.site-head,.form-tools,.footer{display:none}.form-shell{background:white}.form-page{box-shadow:none;margin:0;width:100%;padding:15mm}.choice,.legal{break-inside:avoid} }
