*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1d2733;line-height:1.6;background:#fff}
a{color:#0b5cad}.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
header{background:#0f2a44;color:#fff}header .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:14px 20px}
.logo{font-weight:800;font-size:1.15rem;color:#fff;text-decoration:none}.logo span{color:#f5a623}
nav a{color:#dce6f0;text-decoration:none;margin-left:16px;font-size:.95rem}nav a:hover{color:#fff}
.hero{background:linear-gradient(135deg,#0f2a44,#1c4a73);color:#fff;padding:70px 0 80px}
.hero h1{font-size:clamp(1.9rem,4.5vw,3rem);line-height:1.15;margin:0 0 16px;max-width:760px}
.hero p{font-size:1.15rem;max-width:640px;color:#d8e3ee}
.btn{display:inline-block;background:#f5a623;color:#1d2733;font-weight:700;padding:14px 26px;border-radius:8px;text-decoration:none;margin:10px 10px 0 0;border:0;font-size:1rem;cursor:pointer}
.btn.alt{background:transparent;color:#fff;border:2px solid #fff}
section{padding:56px 0}h2{font-size:1.8rem;margin:0 0 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}
.card{border:1px solid #e1e7ee;border-radius:12px;padding:22px;background:#fff;box-shadow:0 2px 8px rgba(15,42,68,.05)}
.card h3{margin:0 0 6px}.price{font-size:1.6rem;font-weight:800;color:#0f2a44}
.muted{background:#f4f7fa}.badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.badge{background:rgba(255,255,255,.12);padding:6px 12px;border-radius:20px;font-size:.9rem}
.steps{counter-reset:s}.step{position:relative;padding-left:56px;margin-bottom:22px}
.step:before{counter-increment:s;content:counter(s);position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;background:#f5a623;font-weight:800;display:flex;align-items:center;justify-content:center}
.paybtn{display:block;text-align:center;margin-top:12px}.pay[hidden]{display:none}
.disc{font-size:.9rem;color:#5a6877;border-left:4px solid #f5a623;padding:8px 14px;background:#fff8ea}
details{border-bottom:1px solid #e1e7ee;padding:14px 0}summary{font-weight:700;cursor:pointer}
form{max-width:620px}label{display:block;font-weight:600;margin:16px 0 6px}
input,select,textarea{width:100%;padding:12px;border:1px solid #c4cfdb;border-radius:8px;font-size:1rem;font-family:inherit}
footer{background:#0f2a44;color:#b9c7d6;padding:30px 0;font-size:.9rem}footer a{color:#fff}
@media(max-width:640px){nav a{margin:0 12px 0 0}.hero{padding:44px 0 54px}section{padding:40px 0}}