*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;color:#222;line-height:1.6}
.hero{min-height:100svh;background:linear-gradient(135deg,#0b1d35,#1b5fae);color:#fff;padding:1.5rem}
nav{display:flex;justify-content:space-between;align-items:center}
.hero-content{display:grid;place-content:center;min-height:80svh;text-align:center}
.btn{display:inline-block;background:#37b3ff;color:#fff;padding:.9rem 1.4rem;border-radius:999px;text-decoration:none}
.wrap{max-width:1200px;margin:auto;padding:4rem 1.25rem}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.card,.item{background:#f3f5f7;border-radius:18px;padding:2rem;text-align:center}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}
footer{text-align:center;padding:2rem;background:#111;color:#fff}
@media (max-width:768px){h1{font-size:2.3rem}h2{font-size:1.4rem}.hero{padding:1rem}}
@media (min-width:1400px){body{font-size:18px}.wrap{max-width:1400px}}