@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
:root { --primary: #000958; --primary-light: #0a1768; --sky: #87CEEB; --sky-light: #b8e2f2; --accent: #fec400; --accent-hover: #e6b000; --blue: #0085d0; --text: #1a202c; --text-light: #5a6478; --bg: #000958; --white: #fff; --shadow: 0 4px 15px rgba(0,9,88,0.1); --radius: 12px; }
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: "Inter", sans-serif; line-height: 1.6; color: var(--text); background: var(--bg); }
.container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }
.navbar { background: linear-gradient(180deg, var(--sky-light) 0%, var(--sky) 100%); position: sticky; top: 0; z-index: 100; }
.navbar .container { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; }
.logo { display: flex; align-items: center; text-decoration: none; } .logo img { height: 125px; width: auto; }
.nav-links { display: flex; list-style: none; gap: 25px; }
.nav-links a { color: var(--primary); text-decoration: none; font-weight: 600; transition: color 0.2s; }
.nav-links a:hover { color: var(--accent-hover); }
.nav-back { color: var(--primary) !important; opacity: 0.7; }
.page-hero { background: linear-gradient(135deg, var(--primary) 0%, var(--blue) 100%); color: var(--white); padding: 60px 0; text-align: center; }
.page-hero h1 { font-size: 2.5rem; margin-bottom: 10px; }
.page-hero p { opacity: 0.9; color: var(--accent); font-weight: 500; }
.section { padding: 60px 0; }
.category-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; }
.category-card { background: var(--white); padding: 30px; border-radius: var(--radius); box-shadow: var(--shadow); text-decoration: none; color: var(--text); transition: transform 0.2s, box-shadow 0.2s; border-left: 4px solid var(--accent); }
.category-card:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0,9,88,0.15); border-left-color: var(--primary); }
.category-card h3 { margin-bottom: 8px; color: var(--primary); }
.category-card .count { color: var(--text-light); font-size: 0.9rem; }
.business-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; }
.business-card { background: var(--white); padding: 25px; border-radius: var(--radius); box-shadow: var(--shadow); text-decoration: none; color: var(--text); transition: transform 0.2s; border-top: 3px solid var(--accent); }
.business-card:hover { transform: translateY(-3px); }
.business-card h3 { margin-bottom: 8px; font-size: 1.1rem; color: var(--primary); }
.business-card p { color: var(--text-light); font-size: 0.9rem; margin-bottom: 10px; }
.business-card .rating { font-size: 0.85rem; }
.business-card .stars { color: var(--accent); }
.footer { background: var(--primary); color: var(--white); padding: 40px 0; text-align: center; margin-top: 60px; } .footer img { display: block; margin: 0 auto 15px auto; opacity: 0.9; } .footer img:hover { opacity: 1; }
.footer p { opacity: 0.8; }
@media (max-width: 768px) { .nav-links { display: none; } }