*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:#060c15;color:#f1f5fc;font:17px/1.55 system-ui,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid #ffd274;outline-offset:4px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px max(20px,calc((100vw - 1400px)/2));border-bottom:1px solid #293c50;flex-wrap:wrap}.brand{text-decoration:none;font-size:29px;letter-spacing:3px}.brand span{color:#dfb668}nav{display:flex;gap:20px;flex-wrap:wrap}main{max-width:1440px;margin:auto;padding:20px}.intro{max-width:850px;margin:14px 0 24px}small{color:#dfb668;letter-spacing:1.5px}h1{font-size:clamp(32px,5vw,52px);line-height:1.15;margin:8px 0 16px}h2{font-size:clamp(23px,3vw,32px);line-height:1.2}.map-scroll{overflow-x:auto;border:1px solid #59758b;border-radius:18px;background:#0d1622}.desk-map{position:relative;min-width:900px;line-height:0}.desk-map img{width:100%;height:auto;display:block}.hotspot{position:absolute;display:block;border:2px solid transparent;border-radius:10px;text-decoration:none;min-height:44px;min-width:44px}.hotspot span{position:absolute;top:-10px;left:-10px;display:grid;place-items:center;background:#0a2e47;border:1px solid #b8edff;color:#fff;width:29px;height:29px;border-radius:50%;font-size:14px;font-weight:750;line-height:1}.hotspot:hover,.hotspot:focus-visible,.hotspot[aria-current]{border-color:#8be8ff;background:#52b7dd22;box-shadow:0 0 18px #8be8ff66}.map-hint,.scope-note{color:#b8c7d9;font-size:15px}.area-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:24px 0}.area-button{padding:14px 16px;min-height:54px;background:#112235;border:1px solid #466783;border-radius:12px;text-decoration:none}.area-button b{color:#80d9f0;margin-right:6px}.area-button:hover,.area-button[aria-current]{background:#1b4d6a;border-color:#8be8ff}.area-panel{margin:18px 0;padding:24px;border:1px solid #3d5670;border-radius:14px;background:#0d1928;scroll-margin-top:24px}.area-panel:target{border-color:#86dcf4;box-shadow:0 0 0 2px #86dcf433}.area-panel p{max-width:900px;color:#c8d4e5}.actions{display:flex;gap:12px;flex-wrap:wrap}.primary,.secondary{display:inline-block;padding:12px 16px;border:1px solid #6a849e;border-radius:10px;text-decoration:none;min-height:48px}.primary{background:#1c5778}.secondary{background:#0a1420}footer{padding:30px 20px;text-align:center;border-top:1px solid #293c50}@media(max-width:600px){body{font-size:16px}main{padding:16px}header{padding:18px 16px;gap:12px}header nav{gap:16px;font-size:14px}.area-buttons{grid-template-columns:1fr}.area-panel{padding:20px}.actions{flex-direction:column}.actions a{text-align:center}.map-scroll{border-radius:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}