*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;background:#f5f7fb;color:#162033}
.container{width:90%;max-width:1180px;margin:auto}
.hero{min-height:100vh;background:linear-gradient(135deg,#0d1b2a,#17324f);display:flex;align-items:center;color:#fff;padding:60px 0}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}
.tag,.badge{display:inline-block;background:#2563eb;padding:10px 16px;border-radius:999px;font-weight:bold}
h1{font-size:56px;line-height:1.1}
.lead,.lead2{font-size:21px;line-height:1.7;color:#dbe3ee}
.benefits{line-height:2;font-size:18px}
.ebook-wrap{text-align:center;margin-bottom:25px}
.ebook{max-width:320px;width:100%;filter:drop-shadow(0 12px 30px rgba(0,0,0,.35))}
.card,.offer{background:#fff;color:#162033;padding:32px;border-radius:28px;box-shadow:0 12px 40px rgba(0,0,0,.1)}
.small{color:#5f7087}
form{display:grid;gap:14px}
input{padding:16px;border:1px solid #dbe3ee;border-radius:14px}
.btn{display:inline-block;background:#2563eb;color:#fff;padding:16px 24px;border-radius:14px;text-decoration:none;border:none;font-weight:bold;cursor:pointer;margin-top:10px}
.secondary{background:#fff;color:#162033;border:1px solid #dbe3ee}
.section{padding:80px 0}
.center{text-align:center}
.offer{max-width:650px;margin:auto;border:3px solid #2563eb}
.price{font-size:48px;font-weight:bold}
.ok{width:84px;height:84px;border-radius:50%;background:#22c55e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:42px;margin:0 auto 20px}
@media(max-width:768px){.hero-grid{grid-template-columns:1fr}h1{font-size:38px}.lead{font-size:18px}.ebook{max-width:240px}}