:root{--bg:#071426;--bg2:#0b1d35;--gold:#d8b64c;--gold2:#f2d77a;--text:#f8fafc;--muted:#b8c3d1}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);line-height:1.6}
a{color:inherit}.container{width:min(1120px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(7,20,38,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand img{width:190px;display:block}.nav{display:flex;gap:20px;align-items:center}.nav a{text-decoration:none;color:var(--muted)}
.hero{padding:80px 0}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.eyebrow{display:inline-block;padding:8px 14px;border:1px solid rgba(216,182,76,.28);border-radius:999px;color:var(--gold2);background:rgba(216,182,76,.08);font-weight:700}
h1{font-size:clamp(2.8rem,6vw,5.6rem);line-height:1;letter-spacing:-.05em;margin:22px 0}.gold{color:var(--gold2)}.lead{font-size:1.2rem;color:var(--muted);max-width:680px}
.buttons{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;border-radius:14px;text-decoration:none;font-weight:800}
.btn-primary{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111827;box-shadow:0 15px 40px rgba(216,182,76,.22)}.btn-secondary{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.04)}
.trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;color:var(--muted)}.trust span:before{content:"✓";color:var(--gold2);margin-right:7px;font-weight:900}
.preview{padding:32px;border-radius:30px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 70px rgba(0,0,0,.35)}
.preview img{width:80%;display:block;margin:0 auto 28px}.progress{height:7px;background:rgba(255,255,255,.09);border-radius:99px;overflow:hidden}.progress span{display:block;width:72%;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2))}
.question{font-size:1.45rem;font-weight:800;margin:28px 0 18px}.option{padding:14px 15px;border:1px solid rgba(255,255,255,.1);border-radius:13px;margin-top:10px;color:var(--muted);background:rgba(255,255,255,.04)}.option.active{border-color:rgba(216,182,76,.55);background:rgba(216,182,76,.1);color:var(--text)}
.section{padding:88px 0}.section h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.035em;margin:0 0 12px}.section-intro{color:var(--muted);max-width:720px;margin-bottom:34px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{padding:25px;border-radius:21px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.card .num{color:var(--gold2);font-weight:900}.card p{color:var(--muted)}
.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}.about-box{padding:32px;border-radius:25px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.about-box img{width:100%}.about p{color:var(--muted)}
.cta{text-align:center;padding:42px;border:1px solid rgba(216,182,76,.25);border-radius:28px;background:rgba(255,255,255,.04)}.cta p{color:var(--muted);max-width:650px;margin:0 auto 24px}
footer{padding:34px 0 80px;border-top:1px solid rgba(255,255,255,.07);color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{text-decoration:none}
.legal{padding:68px 0 100px}.legal-card{max-width:880px;margin:auto;padding:40px;border-radius:24px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.legal-card h1{font-size:clamp(2.2rem,6vw,4rem)}.legal-card h2{margin-top:32px;color:var(--gold2)}.legal-card p,.legal-card li{color:var(--muted)}.notice{padding:14px 16px;border:1px solid rgba(242,215,122,.35);border-radius:14px;background:rgba(216,182,76,.08);color:#f6e8af}
.mobile-cta{display:none}
@media(max-width:900px){.hero-grid,.about{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.container{width:min(100% - 26px,1120px)}.brand img{width:145px}.nav a:not(.nav-cta){display:none}.hero{padding:50px 0}.buttons .btn{width:100%}.cards{grid-template-columns:1fr}.legal-card{padding:24px 20px}.mobile-cta{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:20}.mobile-cta .btn{width:100%}}