@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{color:#eff8ff;background:#071a2b;margin:0;font-family:Manrope,Arial,sans-serif}main{max-width:1120px;margin:auto;padding:28px 28px 72px}header{color:#a8c2d3;justify-content:space-between;align-items:center;font-size:14px;display:flex}.brand{color:#fff;font-size:19px;font-weight:800}header a{color:#b9d6e5;text-decoration:none}.hero{max-width:680px;padding:90px 0 54px}.eyebrow{color:#55dfab;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:800}.hero h1{letter-spacing:-.06em;margin:12px 0;font-size:58px;line-height:1.05}.lead{color:#b3c7d4;font-size:19px;line-height:1.6}.purchase{background:#0e2a40;border:1px solid #1c435d;border-radius:24px;grid-template-columns:1.2fr .8fr;gap:28px;padding:32px;display:grid}.purchase h2{margin:0 0 20px}.plans{gap:12px;display:grid}.plan{color:#eaf5fb;text-align:left;cursor:pointer;background:#12364f;border:1px solid #29536d;border-radius:14px;padding:18px;position:relative}.plan.selected{border-color:#55dfab;box-shadow:0 0 0 1px #55dfab}.plan b{color:#08231d;background:#55dfab;border-radius:9px;padding:4px 8px;font-size:11px;position:absolute;top:11px;right:14px}.plan strong,.plan span{display:block}.plan span{color:#aec6d5;margin-top:3px;font-size:12px}.plan em{font-size:22px;font-style:normal;font-weight:800;position:absolute;bottom:18px;right:17px}form{color:#102c40;background:#eff8ff;border-radius:16px;padding:23px}label{font-size:13px;font-weight:800}input{width:100%;font:inherit;color:#102c40;border:1px solid #bcd0db;border-radius:9px;margin:8px 0 5px;padding:13px}small{color:#587082;font-size:12px;line-height:1.5;display:block}.total{justify-content:space-between;margin:24px 0 14px;display:flex}.total strong{font-size:25px}.pay{color:#fff;width:100%;font-weight:800;font:inherit;cursor:pointer;background:#0dbb79;border:0;border-radius:10px;padding:14px}.pay:disabled{opacity:.65}.hint,.status{color:#587082;margin:14px 0 0;font-size:12px;line-height:1.5}.status{color:#0b7551;font-weight:700}.how{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;display:grid}.how article{padding:18px}.how span{color:#55dfab;font-size:20px;font-weight:800}.how h3{margin:8px 0}.how p{color:#a9c1d0;font-size:14px;line-height:1.55}@media (width<=720px){main{padding:20px}.hero{padding:60px 0 36px}.hero h1{font-size:43px}.purchase,.how{grid-template-columns:1fr}.how{gap:0}}