.map-container{width:100%;height:400px;border-radius:16px;overflow:hidden;border:1px solid var(--color-border);box-shadow:0 4px 12px #0000001a;background:var(--color-background);z-index:1}.map-tiles{filter:grayscale(100%) brightness(.95)}.custom-marker{display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--color-primary);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.start-marker{color:var(--color-primary);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2)) brightness(1.2)}.marker-pin{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.marker-pin svg{width:100%;height:100%}.marker-popup{padding:.75em;text-align:center;min-width:200px}.marker-popup h3{margin:0 0 .5em;color:var(--color-text-primary);font-size:1.1em;font-weight:600}.marker-popup p{margin:.25em 0;color:var(--color-text-secondary);font-size:.9em}.marker-popup strong{color:var(--color-primary);font-weight:600}.leaflet-control-container .leaflet-control{background:#fff;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 2px 8px #0000001a}.leaflet-control-zoom a{color:var(--color-text-primary);background:#fff;border:none}.leaflet-control-zoom a:hover{background:var(--color-background);color:var(--color-primary)}.leaflet-control-attribution{background:#fffc;padding:4px 8px;font-size:.8em;color:var(--color-text-secondary)}.leaflet-popup-content-wrapper{border-radius:8px;box-shadow:0 2px 8px #0000001a}.leaflet-popup-tip{background:#fff}.leaflet-interactive{stroke-linejoin:round;stroke-linecap:round}@media (max-width: 768px){.map-container{height:300px}}.city-detail__hero{padding:6em 0;background:var(--color-background-ternary);position:relative;overflow:hidden}.city-detail__hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4em;align-items:center}.city-detail__hero-text{max-width:600px}.city-detail__hero-stats{display:flex;gap:2em;margin:2em 0}.city-detail__hero-stat{display:flex;align-items:center;gap:.75em;color:var(--color-text);font-size:1.1em}.city-detail__hero-stat svg{width:1.5em;height:1.5em;color:var(--color-primary)}.city-detail__hero-stat strong{color:var(--color-primary)}.city-detail__hero-cta{margin-top:2em}.city-detail__hero-cta-content{display:flex;flex-direction:column;gap:1.5em;align-items:flex-start}.city-detail__hero-cta .button{padding:.875em 1.75em;font-size:1.125em;display:inline-flex;align-items:center;gap:.5em;background:var(--color-primary-gradient);border:none;color:#fff;border-radius:3em;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 4px 12px #0000001a}.city-detail__hero-cta .button span{font-weight:500}.city-detail__hero-cta .button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000026}.city-detail__hero-cta .button svg{width:1.5em;height:1.5em}.city-detail__hero-cta-note{display:flex;align-items:flex-start;gap:.75em;padding:1em 1.5em;background:#fffc;border-radius:12px;border:1px solid var(--color-border);backdrop-filter:blur(4px)}.city-detail__hero-cta-note svg{width:1.5em;height:1.5em;color:var(--color-primary);flex-shrink:0;margin-top:.25em}.city-detail__hero-cta-note p{color:var(--color-text-secondary);font-size:.95em;margin:0;line-height:1.5}.city-detail__hero-cta-note strong{color:var(--color-primary);font-weight:600}.city-detail__hero-image{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 20px 40px #0000001a}.city-detail__hero-image img{width:100%;height:auto;display:block}.city-detail__content{padding:4em 0}.city-detail__grid{display:grid;grid-template-columns:2fr 1fr;gap:4em}.city-detail__title{font-size:1.4em;font-weight:600;color:var(--color-text);margin-bottom:2em}.city-detail__steps{display:flex;flex-direction:column;gap:2em}.city-detail__step{display:flex;gap:1.5em;padding:1.5em;background:#fff;border-radius:16px;border:1px solid var(--color-border);transition:all .3s ease}.city-detail__step:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:var(--color-primary)}.city-detail__step-number{width:2.5em;height:2.5em;background:var(--color-primary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.25em;flex-shrink:0}.city-detail__step-content h3{font-size:1.25em;font-weight:600;color:var(--color-text);margin-bottom:.5em}.city-detail__step-content p{color:var(--color-text-secondary);margin:0}.city-detail__contact-card{background:#fff;border-radius:16px;padding:2em;border:1px solid var(--color-border);position:sticky;top:2em}.city-detail__contact-card h3{font-size:1.5em;font-weight:600;color:var(--color-text);margin-bottom:1.5em}.city-detail__contact-info{display:flex;flex-direction:column;gap:1em;margin-bottom:1.5em}.city-detail__contact-item{display:flex;align-items:center;gap:.75em}.city-detail__contact-item svg{width:1.5em;height:1.5em;color:var(--color-primary)}.city-detail__contact-item a{color:var(--color-text);text-decoration:none;font-size:1.1em;transition:color .3s ease}.city-detail__contact-item a:hover{color:var(--color-primary)}.city-detail__contact-note{padding-top:1.5em;border-top:1px solid var(--color-border)}.city-detail__contact-note p{color:var(--color-text-secondary);margin:0}.city-detail__contact-note strong{color:var(--color-primary)}@media (max-width: 1024px){.city-detail__hero-content{grid-template-columns:1fr;gap:2em;text-align:center}.city-detail__hero-text{max-width:100%}.city-detail__hero-stats{justify-content:center}.city-detail__hero-image{max-width:600px;margin:0 auto}.city-detail__hero-cta-content{align-items:center}.city-detail__hero-cta-note{text-align:center;justify-content:center}}@media (max-width: 768px){.city-detail__hero{padding:4em 0}.city-detail__content{padding:3em 0}.city-detail__grid{grid-template-columns:1fr;gap:2em}.city-detail__title{font-size:1.75em;margin-bottom:1.5em}.city-detail__step{padding:1.25em}.city-detail__contact-card{position:static}}