*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#10213f;background:#fff8ee;line-height:1.6}
a{color:#08285d;font-weight:700}
.landing{min-height:100vh;background:linear-gradient(135deg,#fff8ee 0%,#fff0d8 45%,#d9f4ff 100%)}
.hero{min-height:calc(100vh - 72px);max-width:1100px;margin:0 auto;padding:36px 20px;display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}
.cover{width:100%;border-radius:28px;box-shadow:0 22px 70px rgba(0,0,0,.18);background:#fff;padding:12px}
.badge{display:inline-block;background:#c90000;color:white;padding:8px 14px;border-radius:999px;font-weight:700}
h1{font-size:clamp(42px,7vw,78px);line-height:1;margin:18px 0 10px;color:#08285d}
h2{color:#c90000}
.text h2{font-size:clamp(24px,3vw,36px);line-height:1.15;margin:0 0 18px}
.text p{font-size:20px}
.small{font-size:15px!important;background:#fff3d6;border-left:5px solid #f0b23d;padding:12px 14px;border-radius:8px}
footer{text-align:center;padding:22px}
.legal-page{max-width:980px;margin:0 auto;padding:28px 16px 50px}
.box{background:#fff;border-radius:24px;padding:30px;margin:24px 0;box-shadow:0 12px 34px rgba(0,0,0,.07)}
.box h1{font-size:34px}
.box h2{font-size:22px;margin-top:24px}
@media(max-width:800px){
  .hero{grid-template-columns:1fr;padding:22px 16px}
  .text p{font-size:18px}
  .cover{max-width:520px;margin:0 auto}
}