:root{--primary-orange:#e67e22;--primary-pink:#2e86ab;--primary-purple:#1a5276;--primary-blue:#2980b9;--primary-teal:#17a589;--gradient-sunset:linear-gradient(135deg,#2e86ab,#17a589);--gradient-ocean:linear-gradient(135deg,#3498db,#2e86ab);--gradient-tropical:linear-gradient(135deg,#17a589,#48c9b0);--gradient-warm:linear-gradient(135deg,#e67e22,#f39c12);--gradient-night:linear-gradient(135deg,#1a252f,#2c3e50 50%,#34495e);--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--font-primary:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-heading:"Poppins",sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--shadow-glow:0 0 40px rgba(46,134,171,.3);--transition-fast:150ms ease;--transition-base:300ms ease;--transition-slow:500ms ease;--glass-bg:hsla(0,0%,100%,.1);--glass-border:hsla(0,0%,100%,.2);--glass-blur:blur(20px)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:1.6;color:var(--gray-800);background-color:var(--gray-50);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--gray-900)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--space-4)}a{color:var(--primary-pink);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-purple)}img{max-width:100%;height:auto;display:block}.container{max-width:1280px;margin:0 auto;padding:0 var(--space-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-primary);font-size:var(--text-base);font-weight:600;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none}.btn-primary{background:var(--gradient-sunset);color:var(--white);box-shadow:var(--shadow-lg)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl),var(--shadow-glow);color:var(--white)}.btn-secondary{background:var(--glass-bg);color:var(--white);border:2px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.btn-secondary:hover{background:hsla(0,0%,100%,.2);color:var(--white)}.card{background:var(--white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-full);background:var(--gradient-sunset);color:var(--white)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-fadeIn{animation:fadeIn .6s ease forwards}.animate-slideUp{animation:slideUp .8s ease forwards}.animate-float{animation:float 3s ease-in-out infinite}.gradient-text{background:var(--gradient-sunset);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section{padding:var(--space-20) 0}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-title{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--text-lg);color:var(--gray-500);max-width:600px;margin:0 auto}.grid{display:grid;grid-gap:var(--space-6);gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}.section{padding:var(--space-12) 0}.container{padding:0 var(--space-4)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--space-4) 0;transition:all var(--transition-base)}.navbar.scrolled{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-md)}.navbar-container{justify-content:space-between}.navbar-container,.navbar-logo{display:flex;align-items:center}.navbar-logo{gap:var(--space-2);font-size:var(--text-xl);font-weight:700;color:var(--white);text-decoration:none}.navbar.scrolled .navbar-logo{color:var(--gray-900)}.navbar-logo span{background:var(--gradient-sunset);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-menu{display:flex;align-items:center;gap:var(--space-8);list-style:none}.navbar-menu a{color:var(--white);font-weight:500;transition:all var(--transition-fast);position:relative}.navbar.scrolled .navbar-menu a{color:var(--gray-700)}.navbar-menu a:hover{color:var(--primary-pink)}.navbar-menu a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-sunset);transition:width var(--transition-base)}.navbar-menu a:hover:after{width:100%}.mobile-menu-btn{display:none;background:none;border:none;color:var(--white);font-size:var(--text-2xl);cursor:pointer}.navbar.scrolled .mobile-menu-btn{color:var(--gray-900)}@media (max-width:768px){.navbar-menu{display:none}.mobile-menu-btn{display:block}.navbar-menu.active{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--white);padding:var(--space-6);gap:var(--space-4);box-shadow:var(--shadow-lg)}.navbar-menu.active a{color:var(--gray-700)}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:var(--gradient-night);overflow:hidden}.hero-bg-image{top:0;left:0;right:0;bottom:0}.hero-bg-image img{opacity:.35}.hero-bg-image:after{top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(26,37,47,.7),rgba(44,62,80,.8))}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5;z-index:1}.hero-content{text-align:center;color:var(--white);z-index:1;padding:var(--space-8);max-width:900px}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm)}.hero-badge,.hero-title{margin-bottom:var(--space-6)}.hero-title{font-size:var(--text-6xl);color:var(--white);line-height:1.1}.hero-title span{background:var(--gradient-sunset);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:var(--text-xl);color:var(--gray-300);margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto}.hero-buttons{gap:var(--space-4);flex-wrap:wrap}.hero-buttons,.hero-stats{display:flex;justify-content:center}.hero-stats{gap:var(--space-12);margin-top:var(--space-16)}.hero-stat{text-align:center}.hero-stat-number{font-size:var(--text-4xl);font-weight:700;background:var(--gradient-sunset);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat-label{font-size:var(--text-sm);color:var(--gray-400);margin-top:var(--space-1)}.hero-floating{position:absolute;font-size:4rem;animation:float 4s ease-in-out infinite;opacity:.6}.hero-floating:first-child{top:20%;left:10%;animation-delay:0s}.hero-floating:nth-child(2){top:30%;right:15%;animation-delay:1s}.hero-floating:nth-child(3){bottom:25%;left:15%;animation-delay:2s}.hero-floating:nth-child(4){bottom:20%;right:10%;animation-delay:.5s}.hero-floating-image{position:absolute;width:120px;height:120px;border-radius:50%;overflow:hidden;opacity:.25;animation:float 5s ease-in-out infinite;box-shadow:0 0 30px hsla(0,0%,100%,.2);border:2px solid hsla(0,0%,100%,.15)}.hero-floating-image img{width:100%;height:100%;object-fit:cover}.hero-floating-image-1{top:15%;left:8%;animation-delay:0s;width:100px;height:100px}.hero-floating-image-2{top:20%;right:12%;animation-delay:1.2s;width:130px;height:130px}.hero-floating-image-3{bottom:20%;left:12%;animation-delay:2.4s;width:110px;height:110px}.hero-floating-image-4{bottom:15%;right:8%;animation-delay:.6s;width:90px;height:90px}@media (max-width:768px){.hero-title{font-size:var(--text-4xl)}.hero-description{font-size:var(--text-lg)}.hero-stats{gap:var(--space-6)}.hero-floating,.hero-floating-image{display:none}}.city-card{position:relative;height:400px;border-radius:var(--radius-xl);cursor:pointer}.city-card-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.city-card:hover .city-card-image{transform:scale(1.1)}.city-card-overlay{inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.2) 50%,transparent);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-6);transition:all var(--transition-base)}.city-card:hover .city-card-overlay{background:linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.4) 60%,rgba(0,0,0,.2))}.city-card-country{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--gray-300);margin-bottom:var(--space-2)}.city-card-title{font-size:var(--text-2xl);color:var(--white);margin-bottom:var(--space-2)}.city-card-description{font-size:var(--text-sm);color:var(--gray-300);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;opacity:0;transform:translateY(10px);transition:all var(--transition-base)}.city-card:hover .city-card-description{opacity:1;transform:translateY(0)}.city-card-meta{display:flex;gap:var(--space-4);margin-top:var(--space-3);opacity:0;transform:translateY(10px);transition:all var(--transition-base)}.city-card:hover .city-card-meta{opacity:1;transform:translateY(0)}.city-card-meta-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--gray-400)}.featured-city{height:500px;grid-column:span 2}@media (max-width:768px){.featured-city{grid-column:span 1;height:400px}}.footer{background:var(--gray-900);color:var(--gray-300);padding:var(--space-16) 0 var(--space-8)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:var(--space-12);gap:var(--space-12);margin-bottom:var(--space-12)}.footer-brand{max-width:300px}.footer-logo{font-size:var(--text-2xl);font-weight:700;color:var(--white);margin-bottom:var(--space-4)}.footer-logo span{background:var(--gradient-sunset);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-description{font-size:var(--text-sm);line-height:1.7;margin-bottom:var(--space-6)}.footer-social{display:flex;gap:var(--space-3)}.footer-social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:var(--gray-800);color:var(--gray-300);transition:all var(--transition-fast)}.footer-social a:hover{background:var(--gradient-sunset);color:var(--white);transform:translateY(-3px)}.footer-column h4{color:var(--white);font-size:var(--text-lg);margin-bottom:var(--space-4)}.footer-column ul{list-style:none}.footer-column li{margin-bottom:var(--space-2)}.footer-column a{color:var(--gray-400);font-size:var(--text-sm);transition:color var(--transition-fast)}.footer-column a:hover{color:var(--white)}.footer-bottom{border-top:1px solid var(--gray-800);padding-top:var(--space-8);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.footer-copyright{font-size:var(--text-sm);color:var(--gray-500)}.footer-links{display:flex;gap:var(--space-6)}.footer-links a{font-size:var(--text-sm);color:var(--gray-500)}.footer-links a:hover{color:var(--white)}@media (max-width:768px){.footer-grid{grid-template-columns:1fr;gap:var(--space-8)}.footer-bottom{flex-direction:column;text-align:center}}.blog-header{position:relative;height:60vh;min-height:400px;display:flex;align-items:flex-end}.blog-header-image{position:absolute;inset:0}.blog-header-image img{width:100%;height:100%;object-fit:cover}.blog-header-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.3) 50%,transparent)}.blog-header-content{position:relative;z-index:1;padding-bottom:var(--space-12);color:var(--white)}.blog-category{display:inline-block;background:var(--gradient-sunset);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600}.blog-category,.blog-title{margin-bottom:var(--space-4)}.blog-title{font-size:var(--text-5xl);color:var(--white)}.blog-meta{gap:var(--space-6);flex-wrap:wrap;font-size:var(--text-sm);color:var(--gray-300)}.blog-meta-item{display:flex;align-items:center;gap:var(--space-2)}.blog-content{max-width:800px;margin:0 auto;padding:var(--space-12) var(--space-6)}.blog-content h2{margin-top:var(--space-12);margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:2px solid var(--gray-200)}.blog-content p{font-size:var(--text-lg);line-height:1.8;color:var(--gray-700)}.place-card{display:grid;grid-template-columns:200px 1fr;grid-gap:var(--space-6);gap:var(--space-6);background:var(--white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);margin-bottom:var(--space-6);transition:all var(--transition-base)}.place-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.place-card-image{height:100%;min-height:180px}.place-card-image img{width:100%;height:100%;object-fit:cover}.place-card-content{padding:var(--space-6);display:flex;flex-direction:column;justify-content:center}.place-card-title{font-size:var(--text-xl);margin-bottom:var(--space-2);color:var(--gray-800)}.place-card-description{font-size:var(--text-base);color:var(--gray-600);line-height:1.7}@media (max-width:768px){.place-card{grid-template-columns:1fr}.place-card-image{height:200px}.blog-title{font-size:var(--text-3xl)}}.info-box{background:linear-gradient(135deg,var(--gray-50) 0,var(--gray-100) 100%);border-left:4px solid var(--primary-pink);padding:var(--space-6);border-radius:var(--radius-lg);margin:var(--space-6) 0}.info-box h4{color:var(--primary-pink);margin-bottom:var(--space-4)}.info-box ul{margin-left:var(--space-6)}.info-box li{margin-bottom:var(--space-2);color:var(--gray-700)}.about-section{background:var(--white)}.about-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-12);gap:var(--space-12);align-items:center}.about-image{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-2xl)}.about-text h2{margin-bottom:var(--space-4)}.about-text p{font-size:var(--text-lg);color:var(--gray-600)}.feature-list{list-style:none;margin-top:var(--space-6)}.feature-list li{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);font-size:var(--text-lg)}.feature-icon{font-size:var(--text-xl)}@media (max-width:768px){.about-grid{grid-template-columns:1fr}}.food-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-6);gap:var(--space-6);margin-top:var(--space-6)}.food-card{background:var(--white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.food-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.food-card-image{width:100%;height:180px;overflow:hidden}.food-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.food-card:hover .food-card-image img{transform:scale(1.05)}.food-card-content{padding:var(--space-5)}.food-card-title{font-size:var(--text-lg);font-weight:600;color:var(--gray-800);margin-bottom:var(--space-2)}.food-card-description{font-size:var(--text-sm);color:var(--gray-600);line-height:1.6;margin:0}@media (max-width:768px){.food-grid{grid-template-columns:1fr}.food-card-image{height:150px}}.search-box{position:relative;width:100%;max-width:500px;margin:0 auto var(--space-8);z-index:10}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:var(--space-4);font-size:var(--text-lg);z-index:1}.search-input{width:100%;padding:var(--space-4) var(--space-4) var(--space-4) var(--space-12);border:2px solid hsla(0,0%,100%,.2);border-radius:var(--radius-full);background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--text-base);color:var(--white);font-family:var(--font-primary);transition:all var(--transition-fast)}.search-input::placeholder{color:hsla(0,0%,100%,.6)}.search-input:focus{outline:none;border-color:var(--primary-teal);background:hsla(0,0%,100%,.15)}.search-results{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;z-index:100}.search-result-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:none;background:transparent;font-family:var(--font-primary);font-size:var(--text-base);color:var(--gray-700);cursor:pointer;text-align:left;transition:background var(--transition-fast)}.search-result-item:hover{background:var(--gray-100)}.search-result-item:not(:last-child){border-bottom:1px solid var(--gray-100)}.cities-page{padding-top:var(--space-24);padding-bottom:var(--space-16);min-height:100vh}.cities-filter{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-10)}.filter-btn{padding:var(--space-2) var(--space-5);border:2px solid var(--gray-200);border-radius:var(--radius-full);background:transparent;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast)}.filter-btn.active,.filter-btn:hover{border-color:var(--primary-pink);background:var(--gradient-sunset);color:var(--white)}.blog-hero{position:relative;height:70vh;min-height:500px;background-size:cover;background-position:50%;background-attachment:fixed;display:flex;align-items:flex-end;margin-top:-100px;padding-top:100px}.blog-hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,.3) 0,rgba(0,0,0,.7));z-index:1}.blog-hero-content{position:relative;z-index:2;padding-bottom:4rem;width:100%}.blog-country-tag{display:inline-block;background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:9999px;color:#fff;font-weight:500;margin-bottom:1rem;border:1px solid hsla(0,0%,100%,.3)}.blog-title{font-size:4rem;font-weight:800;color:#fff;margin-bottom:.5rem;line-height:1.1;text-shadow:0 2px 4px rgba(0,0,0,.3)}.blog-subtitle{font-size:1.5rem;color:hsla(0,0%,100%,.9);margin-bottom:2rem;font-weight:300}.blog-meta{display:flex;gap:2rem;color:hsla(0,0%,100%,.8);font-size:1rem}.blog-content-wrapper{margin-top:-3rem;position:relative;z-index:3}.blog-main-content{background:#fff;padding:3rem;border-radius:1.5rem;box-shadow:0 4px 20px rgba(0,0,0,.05)}@media (max-width:768px){.blog-title{font-size:2.5rem}.blog-hero{height:50vh}.blog-main-content{padding:1.5rem}}.filter-container{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{padding:.75rem 2rem;background:#fff;border:1px solid var(--gray-200);border-radius:9999px;font-weight:600;color:var(--gray-600);cursor:pointer;transition:all .3s ease;font-size:1rem}.filter-btn:hover{background:var(--gray-50);transform:translateY(-2px)}.filter-btn.active{background:#000;color:#fff;border-color:#000;box-shadow:0 4px 12px rgba(0,0,0,.2)}.city-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:2rem;gap:2rem}.city-card-link{text-decoration:none;color:inherit;display:block}.city-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px -10px rgba(0,0,0,.1);transition:all .4s ease;height:100%}.city-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -10px rgba(0,0,0,.2)}.city-card-image{height:250px;position:relative;overflow:hidden}.city-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.city-card:hover .city-card-image img{transform:scale(1.1)}.city-card-overlay{position:absolute;top:1rem;right:1rem;background:hsla(0,0%,100%,.9);padding:.4rem .8rem;border-radius:999px;font-size:.8rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.city-card-content{padding:1.5rem}.city-continent{font-size:.85rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:1px;font-weight:600;display:block;margin-bottom:.5rem}.city-title{font-size:1.35rem;margin-bottom:.5rem;font-weight:700;color:#1a1a1a}.modern-city-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:2rem;gap:2rem}.modern-city-link{text-decoration:none;color:inherit;display:block}.modern-city-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;height:100%;position:relative}.modern-city-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.modern-city-image-wrapper{position:relative;height:240px;overflow:hidden}.modern-city-image-wrapper,.modern-city-img{width:100%;mask-image:none!important;-webkit-mask-image:none!important;border-radius:0!important}.modern-city-img{height:100%;object-fit:cover;transition:transform .5s ease;display:block;opacity:1!important}.modern-city-card:hover .modern-city-img{transform:scale(1.05)}.modern-city-overlay{position:absolute;top:1rem;right:1rem;background:hsla(0,0%,100%,.9);padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;color:#333;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,.1)}.modern-city-content{padding:1.5rem}.modern-city-continent{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;color:#6b7280;letter-spacing:.05em;margin-bottom:.5rem}.modern-city-title{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:.25rem;line-height:1.4}.modern-city-description{font-size:.875rem;color:#4b5563}.hero-bg-image{position:absolute;inset:0;z-index:0}.hero-bg-image img{width:100%;height:100%;object-fit:cover;opacity:1!important}.hero-bg-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.7));z-index:1}.hero-content{background:rgba(0,0,0,.6);padding:3rem;border-radius:2rem;border:1px solid hsla(0,0%,100%,.15);box-shadow:0 8px 32px 0 rgba(0,0,0,.3);max-width:800px;margin:0 auto}@media (max-width:768px){.hero-content{padding:1.5rem;width:90%}}.hero-content{background:hsla(0,0%,100%,.85)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.4);box-shadow:0 20px 40px rgba(0,0,0,.1);color:#1a1a1a!important}.hero-title{color:#111!important;text-shadow:none!important}.hero-title span{color:#2563eb!important;text-shadow:none!important}.hero-description{color:#4b5563!important;font-weight:500!important}.hero-badge{background:hsla(0,0%,100%,.9)!important;border:1px solid rgba(0,0,0,.1)!important;color:#333!important;box-shadow:0 4px 6px rgba(0,0,0,.05)!important}.hero-stat-number{color:#111!important}.hero-stat-label{color:#666!important}.hero-content{background:hsla(0,0%,100%,.45)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;border:1px solid hsla(0,0%,100%,.5)!important}.search-box input{color:#000!important;background:hsla(0,0%,100%,.9)!important;border:1px solid rgba(0,0,0,.1)!important}.search-box input::placeholder{color:#555!important;opacity:1}.search-results{background:#fff!important;color:#000!important;box-shadow:0 10px 25px rgba(0,0,0,.15)!important}.search-result-item{color:#333!important;border-bottom:1px solid #eee!important}.search-result-item:hover{background:#f5f5f5!important}.hero-buttons .btn-secondary{color:#111!important;background:hsla(0,0%,100%,.7)!important;border:1px solid rgba(0,0,0,.2)!important;font-weight:600!important}.hero-buttons .btn-secondary:hover{background:#fff!important;color:#000!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}:root{--primary:#2563eb;--secondary:#ff6b6b;--accent:#f97316;--gradient-primary:linear-gradient(135deg,#2563eb,#1d4ed8);--gradient-sunset:linear-gradient(135deg,#ff6b6b,#f97316)}.footer-logo span,.hero-title span,.navbar-logo span{color:#ff6b6b!important;background:linear-gradient(135deg,#ff6b6b,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn-primary{background:var(--gradient-sunset)!important;border:none!important}.btn-primary:hover{box-shadow:0 10px 20px hsla(0,100%,71%,.3)!important}.feature-icon{background:hsla(0,100%,71%,.1)!important;color:#ff6b6b!important}