*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f7fb;color:#14213d}header{height:76px;background:#071a3a;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 7%;position:sticky;top:0;z-index:5}.logo{font-size:22px;font-weight:900}.logo span,h1 span{color:#21d4fd}nav a{color:#dbe7ff;text-decoration:none;margin-left:22px}.login,.btn{background:#21d4fd;color:#06152f!important;padding:12px 18px;border-radius:10px;font-weight:800;text-decoration:none}.hero{min-height:600px;padding:90px 8%;display:grid;grid-template-columns:1.5fr .8fr;gap:50px;align-items:center;background:linear-gradient(135deg,#071a3a,#123d76)}.hero h1{font-size:clamp(45px,7vw,78px);line-height:.98;color:white;margin:15px 0 25px}.hero p{color:#d8e5fa;font-size:19px;line-height:1.7;max-width:680px}.hero small{color:#21d4fd;font-weight:800;letter-spacing:2px}.ghost{background:transparent;border:1px solid #6e9cd2;color:white!important}.hero-card{padding:50px 30px;border-radius:25px;background:#ffffff18;border:1px solid #ffffff33;color:white;text-align:center}.hero-card strong{display:block;font-size:72px;color:#21d4fd;margin:20px 0}section{padding:80px 8%;max-width:1300px;margin:auto}h2{font-size:38px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.grid article{background:white;padding:28px;border-radius:18px;box-shadow:0 10px 30px #0a234c12;border-top:4px solid #21d4fd}.grid p,.steps p{line-height:1.7;color:#65738b}.dark{max-width:none;background:#071a3a;color:white}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1160px;margin:auto}.steps b{color:#21d4fd;font-size:28px}.steps p{color:#b9c9df}form{max-width:620px;display:grid;gap:14px}input{padding:16px;border:1px solid #d5dce7;border-radius:10px;font-size:16px}button{padding:16px;border:0;border-radius:10px;background:#0a7cff;color:white;font-weight:800;font-size:16px}.payment{background:white;border-radius:20px;box-shadow:0 10px 30px #0a234c12}.note{font-size:13px;color:#69758a}footer{text-align:center;padding:30px;background:#041126;color:#aebbd0}@media(max-width:800px){nav{display:none}.hero{grid-template-columns:1fr}.grid,.steps{grid-template-columns:1fr 1fr}}@media(max-width:500px){.grid,.steps{grid-template-columns:1fr}}