:root{
  --sky:#4da6ff; --sky-2:#e8f3ff; --text:#333; --white:#fff; --ink:#1f6fd6;
  --bg:#f8fbff; --card-shadow:0 4px 14px rgba(31,111,214,0.12);
}
*{box-sizing:border-box}
body{font-family: 'Segoe UI', Tahoma, Arial, sans-serif; margin:0; color:var(--text); background:var(--bg);}
a{color:var(--sky); text-decoration:none}
.kz-container{max-width:1080px; margin:0 auto; padding:0 20px}
.kz-header{position:sticky; top:0; background:var(--sky); color:var(--white); z-index:50; box-shadow:0 2px 8px rgba(0,0,0,.1)}
.kz-header .kz-container{display:flex; align-items:center; justify-content:space-between; padding:14px 20px}
.kz-brand a{font-weight:700; color:#fff; font-size:20px}
.kz-nav a{color:#fff; margin-left:18px; font-weight:500}
.kz-hero{background:linear-gradient(180deg, var(--sky) 0%, #7dbaff 100%); color:#fff; padding:80px 0 70px}
.kz-hero h1{margin:0 0 12px; font-size:36px}
.kz-subtitle{opacity:.95; font-size:18px; max-width:760px}
.kz-btn{display:inline-block; background:#fff; color:#1f6fd6; padding:12px 18px; border-radius:10px; margin-top:18px; font-weight:600; box-shadow:0 2px 6px rgba(0,0,0,.1); border:0}
.kz-btn:hover{transform:translateY(-1px)}
.kz-btn-outline{background:transparent; color:#fff; border:2px solid #fff}
.kz-section{padding:60px 0}
.kz-section h2{color:#1f6fd6; margin:0 0 24px}
.kz-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
.kz-card{background:#fff; border-radius:14px; padding:20px; box-shadow:var(--card-shadow)}
.kz-card h3{margin-top:0; color:#1f6fd6}
.kz-card ul{padding-left:18px}
.kz-contact{display:grid; grid-template-columns:1fr; gap:18px}
.kz-form input,.kz-form textarea{width:100%; padding:12px 14px; border:1px solid #cfe2ff; border-radius:10px; background:#fff}
.kz-form button{cursor:pointer}
.kz-form-hint{opacity:.7; font-size:14px}
.kz-alert{padding:12px 14px; border-radius:10px; font-weight:600; margin-bottom:10px}
.kz-success{background:#e7f7e9; color:#1e7e34}
.kz-error{background:#fde8e8; color:#c22323}
.kz-footer{background:var(--sky); color:#fff; padding:24px 0; text-align:center; margin-top:40px}
@media (max-width: 900px){
  .kz-grid{grid-template-columns:1fr}
  .kz-hero h1{font-size:28px}
}