.home-registration-map { background: white; border: 1px solid #d8e5ed; border-radius: 14px; padding: 24px; margin: 24px 0; }
.home-map-heading, .home-map-toolbar, .home-city-dialog-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.home-map-heading h3 { margin: 0; }
.home-map-heading p, .home-map-note { color: #52687b; font-size: 14px; line-height: 1.6; }
.home-map-toolbar { justify-content: flex-start; margin: 14px 0; }
.home-map-toolbar select { flex: 1; max-width: 450px; min-width: 180px; }
#registration-map { height: 560px; width: 100%; border-radius: 10px; background: #eaf3f6; z-index: 0; }
.home-map-marker span { display: grid; place-items: center; width: 38px; height: 38px; border: 3px solid white; border-radius: 50%; background: #127e89; color: white; box-shadow: 0 2px 7px #153b4c66; font-size: 12px; font-weight: 800; }
.home-map-marker:focus-visible { outline: 3px solid #00266d; border-radius: 50%; }
.home-city-dialog { width: min(620px, calc(100% - 32px)); max-height: 85vh; border: 0; border-radius: 16px; padding: 24px; color: #132e4e; overflow: auto; }
.home-city-dialog::backdrop { background: #102e45aa; }
.home-city-dialog h2 { margin: 0; font-size: 28px; }
.home-city-table { overflow: auto; }
.home-city-table table { width: 100%; border-collapse: collapse; }
.home-city-table th, .home-city-table td { padding: 12px; text-align: left; border-bottom: 1px solid #dce7ed; }
.home-city-table th:last-child, .home-city-table td:last-child { text-align: right; }
@media(max-width: 600px) {
  .home-registration-map { padding: 16px; }
  #registration-map { height: 460px; }
  .home-map-toolbar select { max-width: none; width: 100%; }
}

.home-map-scene { position: relative; overflow: hidden; border: 1px solid #234d68; border-radius: 16px; background: radial-gradient(circle at 1px 1px, #ffffff0b 1px, transparent 1.5px) 0 0 / 24px 24px, radial-gradient(ellipse at 65% 35%, #126779 0%, transparent 58%), linear-gradient(130deg, #091c3d, #10334e 60%, #095264); box-shadow: 0 18px 45px #0a294b26; }
.home-map-scene #registration-map { border-radius: 0; background: transparent; }
.home-map-guide { position: absolute; top: 50%; transform: translateY(-50%); width: clamp(160px, 15vw, 230px); z-index: 1; pointer-events: none; transition: opacity .15s; }
.home-map-guide-left { left: 28px; }
.home-map-guide-right { right: 28px; }
.home-map-guide-eyebrow { color: #88ded6; text-transform: uppercase; letter-spacing: .09em; font-size: 10px; font-weight: 800; line-height: 1.7; margin: 0 0 20px; }
.home-map-guide-item + .home-map-guide-item { margin-top: 28px; padding-top: 22px; border-top: 1px solid #ffffff26; }
.home-map-guide-icon { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #7ce3d34d; background: #71dedb18; border-radius: 13px; color: #8ce9de; font-size: 19px; margin-bottom: 12px; }
.home-map-guide h4 { margin: 0 0 8px; font-size: 17px; color: #f2fcff; }
.home-map-guide-item p { margin: 0; font-size: 13px; color: #c7dee9; line-height: 1.7; }
.home-map-scene.is-exploring .home-map-guide { opacity: 0; }
@media(max-width: 1199px) {
  .home-map-scene { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-map-scene #registration-map { grid-column: 1 / -1; }
  .home-map-guide { position: static; width: auto; transform: none; padding: 24px; pointer-events: auto; }
  .home-map-guide-right { border-left: 1px solid #ffffff26; }
  .home-map-scene.is-exploring .home-map-guide { opacity: 1; }
}
@media(max-width: 600px) {
  .home-map-guide { padding: 18px 14px; }
  .home-map-guide h4 { font-size: 15px; }
  .home-map-guide-item p { font-size: 12px; }
}