.cities-hero{background:linear-gradient(135deg,#0f766e,#0d6b63 40%,#115e5a);padding:3.5rem 2rem 3rem;text-align:center;position:relative;overflow:hidden}.cities-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 80%,rgba(245,158,11,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(255,255,255,.06) 0%,transparent 50%);pointer-events:none}.cities-hero-inner{max-width:700px;margin:0 auto;position:relative;z-index:1}.cities-hero-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff1f;color:#ffffffe6;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:6px 14px;border-radius:50px;margin-bottom:1.25rem;backdrop-filter:blur(8px)}.cities-hero-title{color:#fff;font-family:var(--font-heading);font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-bottom:.75rem}.cities-hero-accent{background:linear-gradient(135deg,#f59e0b,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cities-hero-subtitle{color:#ffffffbf;font-size:1.05rem;line-height:1.6;max-width:540px;margin:0 auto 1.75rem}.cities-stats-row{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap}.cities-stat{display:flex;flex-direction:column;align-items:center}.cities-stat-number{color:#fff;font-family:var(--font-heading);font-size:1.6rem;font-weight:800;line-height:1.2}.cities-stat-label{color:#fff9;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.cities-stat-divider{width:1px;height:32px;background:#ffffff2e}.cities-controls-section{background:var(--background);padding:0 2rem;position:sticky;top:70px;z-index:20;border-bottom:1px solid rgba(0,0,0,.06)}.cities-controls-inner{max-width:1200px;margin:0 auto;padding:1rem 0;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.cities-search-wrap{flex:1;min-width:200px;max-width:420px;position:relative}.cities-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-light);pointer-events:none}.cities-search-input{width:100%;padding:10px 40px 10px 44px;border:2px solid rgba(0,0,0,.08);border-radius:12px;font-size:.95rem;font-family:var(--font-body);background:var(--surface);color:var(--text);transition:border-color .2s,box-shadow .2s;outline:none}.cities-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0f766e1a}.cities-search-input::placeholder{color:var(--text-light)}.cities-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#0000000f;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:background .2s}.cities-search-clear:hover{background:#0000001f}.cities-sort-wrap{display:flex;gap:6px}.cities-sort-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;border:2px solid rgba(0,0,0,.08);border-radius:10px;background:var(--surface);color:var(--text-muted);font-size:.82rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .2s}.cities-sort-btn:hover{border-color:var(--primary);color:var(--primary)}.cities-sort-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.cities-grid-section{padding:2rem 2rem 1rem;background:var(--background)}.cities-grid-inner{max-width:1200px;margin:0 auto}.cities-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.cities-section-title{display:flex;align-items:center;gap:8px;font-size:1.15rem;font-weight:700;color:var(--text);margin:0}.cities-section-count{font-size:.82rem;font-weight:600;color:var(--text-light);background:#0000000a;padding:4px 12px;border-radius:50px}.cities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.city-card-new{position:relative;display:flex;flex-direction:column;justify-content:space-between;background:var(--surface);border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:1.25rem 1.25rem 1rem;text-decoration:none;color:var(--text);transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s;overflow:hidden;opacity:0;transform:translateY(16px);animation:none}.city-card-new.visible{animation:cardFadeIn .45s cubic-bezier(.4,0,.2,1) forwards;animation-delay:var(--delay, 0ms)}@keyframes cardFadeIn{to{opacity:1;transform:translateY(0)}}.city-card-new:hover{transform:translateY(-4px);box-shadow:0 12px 32px -8px #0f766e26,0 4px 12px -4px #0000000f;border-color:#0f766e40}.city-card-new:active{transform:translateY(-1px)}.city-card-hot{border-color:#f59e0b33;background:linear-gradient(145deg,#fff,#fffdf5)}.city-card-hot:hover{border-color:#f59e0b66;box-shadow:0 12px 32px -8px #f59e0b2e,0 4px 12px -4px #0000000f}.city-card-glow{position:absolute;top:-2px;right:-2px;width:40px;height:40px;border-radius:0 16px 0 20px;background:linear-gradient(135deg,transparent 40%,rgba(245,158,11,.08));pointer-events:none}.city-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:1rem}.city-card-info{flex:1}.city-card-name{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;color:var(--text);line-height:1.3;margin:0 0 4px}.city-card-region{display:inline-block;font-size:.72rem;font-weight:600;color:var(--text-light);background:#0000000a;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.04em}.city-card-badge{flex-shrink:0;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:1rem;font-weight:800}.badge-hot{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;box-shadow:0 2px 8px #f59e0b4d}.badge-active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #0f766e40}.badge-default{background:#0000000d;color:var(--text-muted)}.city-card-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.05)}.city-card-offers-text{font-size:.82rem;font-weight:500;color:var(--text-muted)}.city-card-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#0f766e14;color:var(--primary);transition:background .2s,transform .2s}.city-card-new:hover .city-card-arrow{background:var(--primary);color:#fff;transform:translate(2px)}.cities-no-results{display:flex;align-items:center;justify-content:center;gap:8px;padding:3rem 1rem;color:var(--text-light);font-size:1rem;text-align:center}.cities-coming-section{padding:1.5rem 2rem 3rem;background:var(--background)}.cities-coming-inner{max-width:1200px;margin:0 auto}.cities-coming-title{color:var(--text-muted)!important}.cities-coming-grid{display:flex;flex-wrap:wrap;gap:.6rem}.city-coming-card{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#00000008;border:1px dashed rgba(0,0,0,.1);border-radius:10px;color:var(--text-muted);font-size:.88rem;font-weight:500}.city-coming-name{color:var(--text-muted)}.city-coming-badge{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--secondary);background:#f59e0b14;padding:2px 8px;border-radius:4px}.cities-coming-note{margin-top:1rem;font-size:.88rem;color:var(--text-light)}.cities-coming-note a{color:var(--primary);font-weight:600;text-decoration:underline;text-underline-offset:2px}@media(max-width:768px){.cities-hero{padding:2.5rem 1.25rem 2rem}.cities-hero-title{font-size:1.8rem}.cities-hero-subtitle{font-size:.95rem}.cities-stats-row{gap:1rem}.cities-stat-number{font-size:1.3rem}.cities-controls-section{padding:0 1.25rem;position:static}.cities-controls-inner{flex-direction:column;align-items:stretch}.cities-search-wrap{max-width:100%}.cities-sort-wrap{width:100%}.cities-sort-btn{flex:1;justify-content:center}.cities-grid-section,.cities-coming-section{padding-left:1.25rem;padding-right:1.25rem}.cities-grid{grid-template-columns:1fr 1fr;gap:.75rem}.city-card-new{padding:1rem}.city-card-name{font-size:1rem}.city-card-badge{width:36px;height:36px;font-size:.88rem;border-radius:10px}}@media(max-width:480px){.cities-hero-title{font-size:1.5rem}.cities-grid{grid-template-columns:1fr}}