:root{color-scheme:dark;--bg:#0f1729;--surface:#1a2540;--raised:#223054;--border:#2e3d68;--text:#e8ecf3;--muted:#9ba8c4;--accent:#c8d4e8;font-family:Manrope,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100svh;background-image:radial-gradient(ellipse at 50% 0%,#22305480,transparent 65%)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#c8d4e806 1px,transparent 1px),linear-gradient(90deg,#c8d4e806 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(#000,transparent 75%)}
.page{position:relative;width:min(100% - 40px,460px);margin:0 auto;padding:54px 0 26px}header{text-align:center}.eyebrow{display:flex;justify-content:center;align-items:center;gap:9px;color:var(--muted);font:10px/1.5 monospace;letter-spacing:2px}.dash{width:17px;height:2px;background:var(--accent)}
.brand{width:94px;height:94px;position:relative;margin:29px auto 23px;border:1px solid #536483;background:linear-gradient(145deg,#2a3a62,#1a2540);border-radius:22px;display:grid;place-items:center;box-shadow:0 14px 40px #0003,inset 0 1px #ffffff18}.brand span{font-size:39px;font-weight:850;letter-spacing:-4px;padding-right:4px}.brand svg{position:absolute;right:-8px;bottom:-7px;width:31px;height:31px;padding:6px;background:var(--accent);color:var(--bg);border-radius:9px;border:3px solid var(--bg)}
svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}h1{font-size:29px;letter-spacing:-1px;line-height:1.2;margin:0;font-weight:800}h1 span{font-weight:450}.intro{color:var(--muted);font-size:14px;line-height:1.7;margin:13px 0 30px}
nav{display:grid;gap:12px}.link{display:flex;align-items:center;gap:16px;padding:18px 19px;min-height:84px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);text-decoration:none;transition:background .18s,transform .18s,border-color .18s}.link[href]:hover{transform:translateY(-2px);background:var(--raised);border-color:#6b7a9a}.link:focus-visible,button:focus-visible{outline:3px solid #60a5fa;outline-offset:4px}.icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:1px solid #c8d4e819;border-radius:10px;color:var(--accent)}.label{display:grid;gap:6px;flex:1}.label strong{font-size:15px;font-weight:650}.label small{font-size:12px;color:var(--muted);line-height:1.35}.arrow{font-size:23px;color:var(--muted)}.primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.primary .icon{border-color:#0f172926;color:var(--bg)}.primary .label small,.primary .arrow{color:#36445f}.primary[href]:hover{background:#e8ecf3;border-color:#fff}.link[aria-disabled=true]{cursor:default}.link[aria-disabled=true] .arrow{font-size:0}.link[aria-disabled=true] .arrow:after{content:"EM BREVE";font:9px monospace;letter-spacing:.5px}.details{text-align:center;font-size:12px;line-height:1.7;color:var(--muted);margin-top:25px}.details p:empty{display:none}
#status{color:var(--accent);text-align:center;font-size:12px;min-height:17px;margin:8px 0 19px}footer{border-top:1px solid #2e3d6880;padding-top:22px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted);font:9px monospace;letter-spacing:1.1px}.footer-brand{font-size:16px;font-weight:bold;color:var(--accent);letter-spacing:-1px}.dot{margin:0 5px}@media(max-width:380px){.page{width:calc(100% - 28px);padding-top:35px}.link{gap:12px;padding:16px 13px}.label strong{font-size:14px}.label small{font-size:11px}.link[aria-disabled=true] .arrow:after{font-size:8px}}@media(prefers-reduced-motion:reduce){.link{transition:none}}

.map-section{margin-top:28px}.map-section h2{font:10px/1.5 monospace;letter-spacing:1.7px;color:var(--muted);font-weight:400;margin:0 0 12px 2px}.map-card{display:block;text-decoration:none;color:var(--text);border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}.map-card:hover{border-color:#6b7a9a}.map-card:focus-visible{outline:3px solid #60a5fa;outline-offset:4px}.map-preview{height:210px;overflow:hidden;background:var(--raised)}.map-preview iframe{display:block;width:100%;height:100%;border:0;pointer-events:none;}.map-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px}.map-caption>span:first-child{display:grid;gap:6px}.map-caption strong{font-size:13px;font-weight:600}.map-caption small{font-size:11px;color:var(--muted)}.map-caption>span:last-child{font-size:23px;color:var(--accent)}
