.how-page{color:#071a3f;background:#fff;min-height:100vh;padding:60px 24px;font-family:Plus Jakarta Sans,Inter,sans-serif}.how-container{max-width:1180px;margin:0 auto}.how-header{text-align:center;max-width:760px;margin:0 auto 60px}.how-header span{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;margin-bottom:18px;padding:9px 18px;font-size:13px;font-weight:800;display:inline-block}.how-header h1{color:#071a3f;letter-spacing:-1.5px;margin:0 0 18px;font-size:clamp(36px,5vw,64px);line-height:1.05}.how-header p{color:#475569;margin:0;font-size:18px;line-height:1.7}.how-grid{grid-template-columns:repeat(2,1fr);gap:26px;margin-bottom:30px;display:grid}.how-card{color:#fff;background:linear-gradient(150deg,#0a1f54 0%,#13398f 50%,#1a4fc6 100%);border:1px solid #ffffff29;border-radius:28px;padding:36px;position:relative;overflow:hidden;box-shadow:0 18px 50px #0a1f5440}.how-card:before{content:"";background:radial-gradient(circle,#60a5fa33 0%,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;top:-70px;right:-70px}.card-tag{color:#0a1f54;background:#fff;border-radius:999px;margin-bottom:22px;padding:9px 16px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 4px 12px #0000001f}.how-card h2{color:#fff;max-width:430px;margin:0 0 28px;font-size:30px;line-height:1.2}.steps{flex-direction:column;gap:16px;display:flex}.step{background:#ffffff1a;border:1px solid #ffffff26;border-radius:18px;align-items:center;gap:14px;padding:15px;transition:all .3s;display:flex}.step:hover{background:#ffffff2e;transform:translate(6px)}.step-num{color:#0a1f54;background:#fff;border-radius:50%;place-items:center;min-width:38px;height:38px;font-weight:900;display:grid}.step p{color:#fff;margin:0;font-size:15.5px;font-weight:600}.pricing-box{color:#fff;background:linear-gradient(150deg,#0a1f54 0%,#13398f 50%,#1a4fc6 100%);border:1px solid #ffffff2e;border-radius:32px;grid-template-columns:1.1fr 1fr;align-items:center;gap:35px;padding:42px;display:grid;box-shadow:0 25px 70px #0a1f544d}.pricing-label{color:#fbbf24;background:#ffffff26;border:1px solid #ffffff38;border-radius:999px;margin-bottom:18px;padding:9px 16px;font-size:13px;font-weight:800;display:inline-block}.pricing-box h2{color:#fff;margin:0 0 16px;font-size:clamp(30px,4vw,48px);line-height:1.1}.pricing-box p{color:#ffffffe0;margin:0;font-size:16px;line-height:1.7}.price-cards{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.price-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#ffffff1a;border:1px solid #ffffff29;border-radius:24px;padding:26px 22px}.price-card.active{color:#0a1f54;background:#fff}.price-card span{opacity:.9;font-size:14px;font-weight:800}.price-card h3{margin:16px 0 6px;font-size:34px;line-height:1}.price-card p{color:inherit;opacity:.8;margin:0;font-size:14px}@media (max-width:900px){.how-page{padding:100px 16px 70px}.how-grid,.pricing-box{grid-template-columns:1fr}.how-card{padding:26px}.pricing-box{padding:30px}}@media (max-width:560px){.how-header{margin-bottom:36px}.how-card{border-radius:22px;padding:22px}.how-card h2{font-size:24px}.step{align-items:flex-start}.price-cards{grid-template-columns:1fr}.pricing-box{border-radius:24px;padding:24px}.price-card h3{font-size:30px}}
