:root{
  --bg:#0b0f14; --panel:#111823; --text:#e6edf5; --muted:#a6b0bf;
  --line:#213049; --brand:#55a3ff; --brand2:#8b5cf6;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Roboto,Arial,sans-serif;line-height:1.7}
img{max-width:100%;display:block}
a{color:var(--brand);text-decoration:none}
a:hover{opacity:.9}
.container{max-width:1120px;margin:0 auto;padding:0 20px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(11,15,20,.7);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:84px}
.brand img{filter:drop-shadow(0 1px 0 rgba(0,0,0,.2))}
.nav-links{display:flex;gap:18px;align-items:center}
.nav-links a{color:var(--text)}
.nav-toggle{display:none;background:transparent;border:1px solid var(--line);color:var(--text);padding:8px 12px;border-radius:10px}
.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(85,163,255,.12),rgba(139,92,246,.12));padding:10px 14px;border-radius:12px;color:var(--text)}

.hero{padding:68px 0;background:radial-gradient(1200px 600px at 80% -10%,rgba(85,163,255,.14),transparent),radial-gradient(800px 500px at 10% -10%,rgba(139,92,246,.12),transparent)}
.hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:center}
.lead{color:var(--muted);max-width:720px}
.section{padding:56px 0;border-top:1px solid var(--line)}
.card{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:18px}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grid-2{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}

.two-col{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}
.info{width:100%;border-collapse:collapse}
.info th,.info td{border-bottom:1px solid var(--line);text-align:left;padding:10px 8px;vertical-align:top}
.mapbox{height:220px;border:1px dashed var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--muted)}

.news{list-style:none;padding:0;margin-top:14px}
.news li{display:flex;gap:14px;border-bottom:1px solid var(--line);padding:12px 0}
.news time{color:var(--muted);min-width:110px}

.site-footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted)}
.foot{display:flex;align-items:center;justify-content:space-between}
.foot-right{display:flex;gap:14px}
.muted{color:var(--muted)}

@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr}
  .grid-3{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}
  .nav-toggle{display:inline-flex}
  .nav-links{display:none}
  .nav-links.open{display:flex;position:absolute;top:84px;left:0;right:0;background:rgba(11,15,20,.95);padding:12px 20px;border-bottom:1px solid var(--line)}
}