body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:#f5f5f5}header{background:#fff;box-shadow:0 2px 8px #0000000d;padding:0 2rem}nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;max-width:1200px;margin:0 auto;height:70px}.logo{font-weight:700;font-size:1.5rem;color:#2d3a4b}nav ul{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}nav ul li a{text-decoration:none;color:#2d3a4b;font-weight:500;transition:color .2s}nav ul li a.active,nav ul li a:hover{color:#07f}.btn{background:#07f;color:#fff;padding:.6rem 1.2rem;border-radius:4px;text-decoration:none;font-weight:600;transition:background .2s}.btn:hover{background:#005fcc}.hero{background:url(https://images.unsplash.com/photo-1506744038136-46273834b3fb) center/cover no-repeat;height:320px;position:relative;display:flex;align-items:center;justify-content:center}.overlay{background:#2c3e5099;color:#fff;padding:2rem;border-radius:10px;text-align:center}.location{font-size:1.1rem;margin-bottom:.5rem}.location span{color:gold}.hero h1{font-size:2.2rem;margin:0;font-weight:700}.featured{max-width:1200px;margin:2rem auto;padding:0 1rem}.featured-content{display:flex;gap:2rem;align-items:flex-start;flex-wrap:wrap}.featured-img{width:350px;max-width:100%;border-radius:10px;object-fit:cover}.featured-title{margin-top:0;font-size:1.5rem}.featured-links span{font-weight:700;color:#07f}.featured-links p{margin:.5rem 0 1rem}.faq{display:flex;gap:1.5rem;margin-top:1rem;flex-wrap:wrap}.faq span{background:#f0f4fa;color:#2d3a4b;padding:.5rem 1rem;border-radius:20px;font-size:.95rem}.features{display:flex;gap:1.5rem;margin-top:2rem;flex-wrap:wrap;justify-content:space-between}.feature{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;min-width:180px;flex:1 1 180px}.icon{font-size:2rem}@media (max-width: 900px){.featured-content{flex-direction:column;align-items:center}.featured-img{width:100%;max-width:500px}}@media (max-width: 700px){nav ul{flex-direction:column;gap:.5rem;background:#fff;position:absolute;top:70px;left:0;right:0;display:none}nav ul.show{display:flex}nav{flex-direction:column;align-items:flex-start;height:auto;position:relative}.btn{margin-top:.5rem}.hero{height:200px}.overlay{padding:1rem}.features{flex-direction:column;gap:1rem}}@media (max-width: 500px){.logo{font-size:1.1rem}.hero h1{font-size:1.2rem}.featured-title{font-size:1.1rem}.feature{padding:.7rem 1rem}}