:root { --primary: #0b56a8; --dark: #1c1c1c; --light: #ffffff; --accent: #1abc9c; }
    body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.6; color: #333; margin: 0; }
    .container { max-width: 1140px; margin: 0 auto; padding: 0 15px; }
    header { background: var(--light); padding: 20px 0; border-bottom: 2px solid #eee; }
    .logo img { max-width: 200px; }
    .navbar { background: var(--dark); padding: 10px 0; }
    .navbar ul { list-style: none; display: flex; gap: 20px; margin: 0; padding: 0; }
    .navbar a { color: var(--light); text-decoration: none; text-transform: uppercase; font-weight: bold; }
    .slider-block { height: 400px; background: #ddd; position: relative; overflow: hidden; }
    .slider-block img { width: 100%; height: 100%; object-fit: cover; }
    .inn-block { padding: 60px 0; text-align: center; }
    .review-sec { background: #f9f9f9; padding: 60px 0; }
    .map-block { height: 400px; }
    .footer { background: var(--dark); color: #ccc; padding: 40px 0; text-align: center; font-size: 0.9em; }
    .social-icon { display: flex; justify-content: center; gap: 15px; list-style: none; padding: 0; }
    .footer-title { color: var(--light); margin-bottom: 15px; }
    @media (max-width: 768px) {
        .navbar ul { flex-direction: column; align-items: center; }
    }