/* Google Developer / Material 3 Flat Techy Aesthetic */@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap');body {font-family: 'Google Sans', 'Google Sans Flex', sans-serif;scroll-behavior: smooth;background-color: #ffffff;color: #2c3e50;}.material-icons-outlined { vertical-align: middle; }/* Flat Navigation - No Shadows, only bottom border */.glass-nav {background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(10px);border-bottom: 1px solid #e0e0e0;}.hide-scrollbar::-webkit-scrollbar { display: none; }.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }/* View Section Animations */.view-section { display: none; animation: fadeIn 0.4s ease-in-out; }.view-section.active { display: block; }@keyframes fadeIn {from { opacity: 0; transform: translateY(10px); }to { opacity: 1; transform: translateY(0); }}/* Flat hover effects instead of shadows */.flat-card {border: 1px solid #e0e0e0;border-radius: 24px;transition: all 0.2s ease;background: #ffffff;}.flat-card:hover {border-color: #2ecc71;transform: translateY(-2px);}.city-tag { transition: all 0.2s; }.city-tag:hover { background-color: #2ecc71; color: #2c3e50; border-color: #2ecc71; }