*{box-sizing:border-box}
body{margin:0;font-family:Tahoma,Arial,sans-serif;background:#f4f8fd;color:#0b2447;line-height:1.8}
.topbar{background:linear-gradient(135deg,#00315f,#001f3f);color:white;display:flex;align-items:center;justify-content:space-between;padding:20px 48px;gap:20px}
.logo{height:78px;width:auto;display:block}
nav{display:flex;gap:28px;flex-wrap:wrap}
nav a{
    color: white;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
}
.page{max-width:1150px;margin:auto;padding:42px 24px}
.hero{display:flex;align-items:center;justify-content:center;gap:28px;text-align:center;margin-bottom:36px}
.hero h1{font-size:40px;margin:0;color:#00315f}
.hero p{font-size:18px;margin:8px 0 0;color:#223}
.hero-icon{width:118px;height:118px;border:1px solid #c9ddf5;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:54px;background:white}
.card{background:white;border:1px solid #dce6f2;border-radius:18px;box-shadow:0 8px 28px rgba(0,31,63,.08);padding:30px;margin-bottom:22px}
.card h2{margin:0 0 24px;color:#00315f}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.field{margin-bottom:20px}
label{font-weight:bold}
label span{color:#d33}
input,select{width:100%;height:58px;border:1px solid #cbd6e2;border-radius:10px;padding:0 16px;font-size:16px;font-family:inherit;margin-top:8px;background:white}
.info{background:#eef6ff;border:1px solid #b8d7ff;border-radius:12px;padding:18px 22px;margin:10px 0 20px;color:#00315f}
.info ul{margin:8px 0 0}
.check{display:flex;gap:12px;align-items:flex-start;margin:20px 0;font-weight:normal}
.check input{width:24px;height:24px;margin-top:5px}
button{width:100%;height:60px;border:0;border-radius:10px;background:linear-gradient(135deg,#003b71,#001f4e);color:white;font-size:19px;font-weight:bold;font-family:inherit;cursor:pointer}
button:hover{filter:brightness(1.08)}
.message{display:none;padding:14px;border-radius:10px;background:#e9f7ef;color:#146c43;font-weight:bold;text-align:center}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.steps-grid div{padding:12px}
.steps-grid span{display:inline-flex;width:38px;height:38px;border-radius:50%;background:#004a98;color:white;align-items:center;justify-content:center;font-weight:bold}
.steps-grid b{display:block;margin-top:8px;color:#00315f}
.steps-grid p{font-size:14px;color:#374151}
.contact{background:#eef6ff;border:1px solid #b8d7ff;border-radius:14px;padding:18px;text-align:center;margin-bottom:30px}
footer{background:linear-gradient(135deg,#00315f,#001f3f);color:white;text-align:center;padding:28px}
footer img{height:70px}
footer p{margin:8px 0 0}
@media(max-width:800px){
  .topbar{padding:18px;flex-direction:column}
  nav{justify-content:center;gap:14px;font-size:14px}
  .hero{flex-direction:column}
  .hero h1{font-size:30px}
  .grid,.steps-grid{grid-template-columns:1fr}
}