:root{
  --sky:#0e8eda;
  --sky2:#21b6ff;
  --dark:#0d2a48;
  --muted:#5b7084;
  --bg:#f1f8ff;
  --line:#d2e6f6;
  --white:#fff;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,system-ui,sans-serif;background:var(--bg);color:var(--dark)}
a{text-decoration:none;color:inherit}
.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:28px;padding:16px 6vw;background:rgba(255,255,255,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.logo{font-size:26px;font-weight:800;color:var(--sky)}
nav{display:flex;gap:18px;flex:1}
nav a{color:var(--muted);font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:18px;background:linear-gradient(135deg,var(--sky),var(--sky2));color:#fff;font-weight:800;box-shadow:0 16px 40px rgba(14,142,218,.25)}
.btn-light{background:#e8f7ff;color:var(--sky);box-shadow:none}
.btn-outline{background:transparent;color:var(--sky);border:1px solid #9bd8ff;box-shadow:none}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding:70px 6vw;background:radial-gradient(circle at 80% 20%,#bceaff 0,#f1f8ff 38%,#fff 100%)}
.badge{display:inline-block;padding:10px 14px;border-radius:999px;background:#e1f5ff;color:#0869aa;font-weight:800}
h1{font-size:58px;line-height:1.03;margin:18px 0}
h2{font-size:36px;margin:0 0 22px}
h3{margin:0 0 10px}
p{color:var(--muted);font-size:18px;line-height:1.55}
.hero-actions{display:flex;gap:14px;margin-top:28px}
.phone{max-width:360px;margin:auto;background:#fff;border:10px solid #d9efff;border-radius:38px;padding:18px;box-shadow:0 30px 80px rgba(13,42,72,.18)}
.phone-head{font-size:24px;font-weight:900;color:var(--sky);margin-bottom:14px}
.search-card,.trip,article,.panel,.split{background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:26px;padding:22px;box-shadow:0 14px 40px rgba(13,42,72,.06)}
.search-card{display:grid;gap:7px}
.search-card span{color:var(--muted);font-size:13px;font-weight:700}
.search-card button,.form-grid button{border:0;border-radius:16px;background:var(--sky);color:#fff;font-weight:800;padding:14px}
.trip{margin-top:12px}
.trip p{margin:4px 0;font-size:15px}
main{padding:54px 6vw;display:grid;gap:44px}
.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
input{height:54px;border:1px solid var(--line);border-radius:16px;padding:0 16px;font-size:16px;color:var(--dark);background:#f8fcff}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;background:linear-gradient(135deg,#fff,#e9f7ff)}
li{margin:12px 0;color:var(--muted);font-size:17px}
footer{display:flex;justify-content:space-between;gap:20px;padding:28px 6vw;background:var(--dark);color:#dff5ff}
footer span{color:#b5d7ed}
@media(max-width:900px){
  nav{display:none}.hero{grid-template-columns:1fr;padding-top:36px}h1{font-size:40px}.form-grid,.cards,.split{grid-template-columns:1fr}.hero-actions{flex-direction:column}footer{flex-direction:column}
}