*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;color:#17233d;background:#f6f9ff}
.wrap{max-width:1150px;margin:auto;padding:35px}
.header{display:flex;justify-content:space-between;align-items:center;background:#fff}
.logo{font-size:32px;font-weight:800}.logo span{color:#176cff}
nav a{margin:12px;text-decoration:none;color:#333}
.hero{background:linear-gradient(120deg,#fff,#dcecff)}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.hero img,.gallery img{width:100%;border-radius:20px;box-shadow:0 10px 30px #ccd}
h1{font-size:52px;color:#102d68}
h2{text-align:center;font-size:32px;margin:45px 0}
p{line-height:1.7;font-size:17px}
.btn{background:#176cff;color:white;padding:15px 30px;border-radius:12px;text-decoration:none}
.cards,.gallery,.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cards div,.gallery div,.contact-grid a{background:white;padding:25px;border-radius:18px;box-shadow:0 5px 20px #dce3ef;color:#17233d;text-decoration:none}
.contact{background:#102d68;color:white;text-align:center;padding:50px}
.contact-grid a{color:#176cff;font-weight:bold}
footer{text-align:center;padding:25px}
@media(max-width:800px){.hero-grid,.cards,.gallery,.contact-grid{grid-template-columns:1fr}}