.cities-section{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);min-height:60vh;padding:4rem 2rem}.cities-container{max-width:1200px;margin:0 auto}.cities-breadcrumb{color:#6b7280;margin-bottom:2rem;font-size:.875rem}.cities-breadcrumb a{color:#2563eb;text-decoration:none}.cities-breadcrumb a:hover{text-decoration:underline}.cities-breadcrumb .breadcrumb-sep{color:#9ca3af;margin:0 .5rem}.cities-header{text-align:center;margin-bottom:3rem}.cities-title{color:#111827;margin-bottom:1rem;font-size:2.5rem;font-weight:700;line-height:1.2}@media (min-width:768px){.cities-title{font-size:3rem}}.cities-subtitle{color:#6b7280;max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.6}.cities-search{margin-bottom:2rem}.cities-search-wrapper{max-width:480px;margin:0 auto;position:relative}.cities-search-icon{color:#9ca3af;pointer-events:none;width:1.25rem;height:1.25rem;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.cities-search-input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:9999px;outline:none;width:100%;padding:.75rem 1rem .75rem 2.75rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.cities-search-input::placeholder{color:#9ca3af}.cities-search-input:focus{border-color:var(--focus-color,#2563eb);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus-color,#2563eb)20%,transparent)}.cities-search-count{text-align:center;color:#6b7280;margin-top:.75rem;font-size:.85rem}.cities-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem;display:grid}@media (min-width:640px){.cities-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.cities-grid{grid-template-columns:repeat(4,1fr)}}@keyframes cityCardEntrance{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cityShimmer{0%{transform:translate(-100%)skew(-15deg)}to{transform:translate(200%)skew(-15deg)}}@keyframes cityIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.city-card{cursor:pointer;min-height:180px;color:inherit;opacity:0;border-radius:1rem;align-items:flex-end;padding:1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.7s ease-out forwards cityCardEntrance;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.city-card:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000,#fff3,#0000);width:50%;height:100%;position:absolute;top:0;left:0;transform:translate(-100%)skew(-15deg)}.city-card:first-child{animation-delay:50ms}.city-card:nth-child(2){animation-delay:.1s}.city-card:nth-child(3){animation-delay:.15s}.city-card:nth-child(4){animation-delay:.2s}.city-card:nth-child(5){animation-delay:.25s}.city-card:nth-child(6){animation-delay:.3s}.city-card:nth-child(7){animation-delay:.35s}.city-card:nth-child(8){animation-delay:.4s}.city-card:nth-child(9){animation-delay:.45s}.city-card:nth-child(10){animation-delay:.5s}.city-card:nth-child(11){animation-delay:.55s}.city-card:nth-child(12){animation-delay:.6s}.city-card:hover{transform:translateY(-8px)scale(1.03);box-shadow:0 25px 35px -5px #0003,0 15px 15px -5px #00000014}.city-card:hover:before{animation:.8s ease-in-out cityShimmer}.city-card:hover .city-card-icon{animation:.8s ease-in-out infinite cityIconPulse}.city-card-content{text-align:center;z-index:2;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.city-card-title{color:#fff;margin:0 0 .5rem;font-size:1.25rem;font-weight:700;line-height:1.3}.city-card-count{color:#ffffffe6;margin:0 0 1rem;font-size:.95rem;font-weight:500}.city-card-icon{background-color:#fff3;border-radius:.5rem;padding:.5rem;font-size:2rem;line-height:1;transition:transform .3s}.city-card-emoji{line-height:1}.cities-footer{text-align:center;background:#fff;border-radius:1rem;padding:2.5rem;box-shadow:0 4px 6px #0000001a}.cities-footer-title{color:#111827;margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.cities-footer-text{color:#6b7280;margin-bottom:1.5rem;font-size:1rem}.cities-cta-button{color:#fff;cursor:pointer;border:none;border-radius:.5rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-block}.cities-cta-button:hover{opacity:.9;color:#fff;transform:translateY(-2px)}.no-cities{color:#6b7280;text-align:center;padding:3rem 0;font-size:1.1rem}@media (max-width:640px){.cities-section{padding:3rem 1rem}.cities-title{font-size:2rem}.city-card{padding:1.25rem}.city-card-title{font-size:1.125rem}.cities-footer{padding:2rem 1.5rem}}@media (prefers-reduced-motion:reduce){.city-card{opacity:1;animation:none}.city-card:before{display:none}.city-card:hover{transform:none}.city-card:hover .city-card-icon{animation:none;transform:scale(1.1)}.cities-cta-button:hover{transform:none}}