*{box-sizing:border-box}
body{margin:0;color:#151b26;background:#f7f5ef;font-family:Inter,Arial,Helvetica,sans-serif}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}

.btn{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:16px 30px;border-radius:12px;
  font-size:1rem;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s}
.btn:hover{transform:translateY(-2px)}
.btnPrimary{color:#fff;background:#1fa971;box-shadow:0 10px 30px #1fa97159}
.btnPrimary:hover{background:#158055}
.btnGold{width:100%;color:#1a1300;background:#f2b705;box-shadow:0 10px 30px #f2b70559}
.eyebrow{display:inline-block;margin-bottom:14px;color:#1fa971;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}

.header{background:#0b1b33;padding:18px 0}
.headerInner{display:flex;justify-content:space-between;align-items:center;gap:18px}
.logo{display:inline-flex;align-items:center;gap:2px;color:#fff;font-size:1.35rem;font-weight:900;letter-spacing:-.02em;text-decoration:none}
.logo span{color:#1fa971}
.headerButton{min-height:44px;padding:10px 20px;font-size:.92rem}

.hero{color:#fff;overflow:hidden;background:radial-gradient(circle at 85% 20%,#1fa97140,#0000 55%),linear-gradient(#0b1b33,#12274a)}
.legalHero{text-align:center;padding:74px 0 78px}
.legalHeroInner{max-width:820px}
.legalHero h1{margin:0 0 18px;color:#fff;font-size:clamp(2.25rem,4vw,3.45rem);font-weight:900;line-height:1.08;letter-spacing:-.035em}
.sub{max-width:620px;margin:0 auto;color:#c7d0de;font-size:1.1rem;line-height:1.7}

.legalSection{background:#f7f5ef;padding:78px 0}
.legalGrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:28px}
.legalCard,.sidePanel{background:#fff;border:1px solid #e7e2d6;border-radius:16px;box-shadow:0 18px 45px #0b1b3314}
.legalCard{padding:34px}
.legalBlock+.legalBlock{margin-top:30px}
.legalBlock h2{margin:0 0 10px;color:#0b1b33;font-size:1.25rem;font-weight:900;line-height:1.25}
.legalBlock p,.legalBlock li{color:#5b6472;font-size:1rem;line-height:1.75}
.legalBlock p{margin:0}
.legalBlock ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.legalBlock li:before{content:"✓ ";color:#1fa971;font-weight:900}
.notice{margin-top:34px;padding:16px;color:#5b6472;background:#f7f5ef;border:1px solid #e7e2d6;border-radius:12px;line-height:1.6}

.sidePanel{padding:28px;position:sticky;top:24px}
.sidePanel h2{margin:0 0 12px;color:#0b1b33;font-size:1.65rem;font-weight:900;line-height:1.12;letter-spacing:-.02em}
.sidePanel p{margin:0 0 22px;color:#5b6472;line-height:1.65}
.sideLinks{display:grid;gap:10px;margin-top:20px}
.sideLinks a{color:#0b1b33;font-weight:800;text-decoration:none}
.sideLinks a:hover{color:#1fa971}

.footer{padding:36px 0;text-align:center;color:#8493a6;background:#0b1b33;font-size:.85rem}
.footerLogo{justify-content:center;margin-bottom:10px}
.footerLinks{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;margin:14px 0}
.footerLinks a{color:#aeb9c9;text-decoration:none}
.footerLinks a:hover{color:#fff}

@media (max-width:900px){
  .wrap{padding:0 16px}
  .legalGrid{grid-template-columns:1fr}
  .sidePanel{position:static}
  .legalCard{padding:24px}
  .legalHero{padding:56px 0 60px}
  .legalSection{padding:48px 0}
}