:root{
  --bg:#0b1220;
  --panel:#101a2e;
  --card:#0f1a30;
  --text:#e7eefc;
  --muted:#a9b9da;
  --line:#1b2a4a;
  --accent:#5eead4;
  --accent2:#60a5fa;
  --danger:#fb7185;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;background:linear-gradient(180deg,var(--bg),#070b14);color:var(--text);}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:20px}
.topbar{position:sticky;top:0;backdrop-filter:blur(10px);background:rgba(11,18,32,.78);border-bottom:1px solid var(--line);z-index:50}
.topbar .inner{display:flex;align-items:center;gap:14px;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:36px;height:36px}
.brand .name{display:flex;flex-direction:column;line-height:1.1}
.brand .name strong{font-size:14px;letter-spacing:.2px}
.brand .name span{font-size:12px;color:var(--muted)}
.nav{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:rgba(16,26,46,.65);padding:8px 10px;border-radius:999px;font-size:13px}
.pill:hover{background:rgba(16,26,46,.95);text-decoration:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:10px 12px;font-weight:600;border:1px solid transparent}
.btn.primary{background:linear-gradient(135deg,var(--accent2),var(--accent));color:#06101f}
.btn.primary:hover{text-decoration:none;filter:brightness(1.05)}
.btn.ghost{border-color:var(--line);background:rgba(16,26,46,.65)}
.btn.ghost:hover{text-decoration:none;background:rgba(16,26,46,.95)}
.hero{padding:34px 0}
.hero h1{font-size:34px;margin:0 0 10px}
.hero p{color:var(--muted);max-width:75ch;margin:0 0 16px;font-size:15px}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.card{grid-column:span 12;background:rgba(15,26,48,.7);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 12px 40px rgba(0,0,0,.25)}
.card h2{margin:0 0 10px;font-size:18px}
.card p, .card li{color:var(--muted);font-size:14px;line-height:1.6}
.card ul{margin:10px 0 0;padding-left:18px}
.card .row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.kv{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}
.kv .chip{border:1px solid var(--line);background:rgba(16,26,46,.55);padding:6px 10px;border-radius:999px;font-size:12px;color:var(--muted)}
.notice{border:1px solid rgba(94,234,212,.35);background:rgba(94,234,212,.08);padding:12px 14px;border-radius:16px;color:var(--text)}
.notice strong{color:var(--accent)}
.warn{border:1px solid rgba(251,113,133,.4);background:rgba(251,113,133,.08);padding:12px 14px;border-radius:16px}
.footer{margin-top:30px;padding:22px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
.breadcrumb{font-size:12px;color:var(--muted);margin:10px 0}
.breadcrumb a{color:var(--muted)}
.section{margin-top:14px}
.section h3{margin:0 0 8px;font-size:16px}
.media{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;margin-top:10px}
.media .shot{grid-column:span 12;background:rgba(16,26,46,.55);border:1px dashed rgba(169,185,218,.35);border-radius:16px;padding:12px}
.media .shot img{width:100%;height:auto;border-radius:12px;border:1px solid var(--line);background:#0a1020}
@media (min-width: 860px){
  .card.half{grid-column:span 6}
  .media .shot{grid-column:span 4}
}
.table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--line);font-size:13px}
.table th{background:rgba(16,26,46,.7);text-align:left;color:var(--text)}
.table td{color:var(--muted);background:rgba(15,26,48,.45)}
.table tr:last-child td{border-bottom:none}
.small{font-size:12px;color:var(--muted)}