:root{
  --bg:#0f172a;
  --bg-soft:#111827;
  --panel:#0b1220;
  --card:#0e1a2f;
  --brand:#38bdf8;
  --brand-2:#22d3ee;
  --text:#e5e7eb;
  --muted:#94a3b8;
  --ok:#22c55e;
  --warn:#f59e0b;
  --danger:#ef4444;
  --radius:14px;
  --shadow:0 10px 30px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:linear-gradient(180deg,#0a0f1e,#0e1729 60%,#0a0f1e);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}
img{max-width:100%;display:block}
a{color:var(--brand);text-decoration:none}
a:hover{color:#7dd3fc}
.container{max-width:1100px;margin:0 auto;padding:24px}
.header{position:sticky;top:0;z-index:1000;background:rgba(10,15,30,.72);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}
.topbar{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:14px 24px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:36px;height:36px;border-radius:50%;box-shadow:var(--shadow)}
.brand h1{font-size:18px;margin:0;font-weight:700;letter-spacing:.3px}
.nav{display:flex;align-items:center;gap:18px}
.nav a{padding:10px 14px;border-radius:10px;color:var(--text)}
.nav a.active,.nav a:hover{background:linear-gradient(135deg,rgba(56,189,248,.15),rgba(34,211,238,.12))}
.dropdown{position:relative}
.dropdown > button{background:transparent;border:1px solid rgba(255,255,255,.08);color:var(--text);padding:8px 12px;border-radius:10px;cursor:pointer}
.dropdown ul{position:absolute;top:42px;left:0;min-width:280px;background:rgba(12,18,34,.98);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:var(--shadow);padding:8px;margin:0;list-style:none;display:none;max-height:60vh;overflow:auto}
.dropdown:hover ul{display:block}
.dropdown li a{display:block;padding:10px 12px;color:var(--text);border-radius:10px}
.dropdown li a:hover{background:rgba(56,189,248,.12)}
.burger{display:none;background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text);padding:6px 10px;border-radius:10px}
@media(max-width:920px){
  .nav{display:none}
  .burger{display:block}
  .nav.mobile{display:flex;flex-direction:column;gap:6px;padding:12px}
  .dropdown ul{position:relative;top:0;left:0}
}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;padding:28px;border-radius:18px;background:
  radial-gradient(1200px 240px at 20% -20%,rgba(56,189,248,.18),transparent 40%),
  radial-gradient(1200px 240px at 80% -20%,rgba(34,211,238,.18),transparent 40%),
  linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0) 60%) ,var(--panel);
border:1px solid rgba(255,255,255,.06)}
.hero h2{font-size:34px;margin:0 0 8px}
.hero p{color:var(--muted);margin:0 0 14px}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
.btn{padding:10px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.12);color:var(--text);background:transparent;cursor:pointer}
.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#001019;border:none}
.btn.ghost:hover{background:rgba(255,255,255,.06)}
.card{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:var(--shadow);padding:18px}
.grid{display:grid;gap:18px}
.grid.cols-3{grid-template-columns:repeat(3,1fr)}
.grid.cols-2{grid-template-columns:repeat(2,1fr)}
@media(max-width:920px){.hero{grid-template-columns:1fr}.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}}
.meta{color:var(--muted);font-size:14px}
.tag{display:inline-block;padding:4px 8px;border-radius:999px;background:rgba(56,189,248,.1);color:#a5f3fc;font-size:12px;border:1px solid rgba(56,189,248,.2);margin-right:6px}
.post-list article{display:grid;grid-template-columns:160px 1fr;gap:16px;align-items:center}
.post-list img.thumb{width:160px;height:110px;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.06)}
.sidebar{position:sticky;top:86px}
.footer{margin-top:40px;background:rgba(10,15,30,.6);border-top:1px solid rgba(255,255,255,.06)}
.footer .container{display:grid;gap:18px;grid-template-columns:2fr 1fr 1fr}
.footer h4{margin:0 0 10px}
.footer a{color:#cbd5e1}
.footer a:hover{color:#e2e8f0}
.social{display:flex;gap:12px;align-items:center}
.social a{display:inline-flex;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03)}
.cookie{position:fixed;left:20px;right:20px;bottom:20px;background:rgba(10,15,30,.98);border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:var(--shadow);padding:16px;display:none;z-index:10000}
.cookie .row{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cookie small{color:var(--muted)}
.cookie .actions{display:flex;gap:10px}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:11000}
.modal .panel{background:var(--panel);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:18px;max-width:520px;width:92%}
.modal h3{margin:0 0 8px}
.inline-form input,.inline-form textarea, .inline-form select{width:100%;padding:12px;border-radius:12px;background:#0a1426;border:1px solid rgba(255,255,255,.08);color:var(--text)}
.inline-form textarea{min-height:120px;resize:vertical}
.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.03);font-size:12px;color:#cbd5e1}
.quote{padding:18px;border-left:4px solid var(--brand);background:rgba(56,189,248,.06);border-radius:12px}
.poll .option{display:flex;align-items:center;gap:10px;margin:10px 0}
.poll .bar{height:10px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden}
.poll .bar > span{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand-2));width:0%}
.notice{padding:12px;border-radius:10px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);color:#86efac}
.table-simple{width:100%;border-collapse:collapse}
.table-simple td,.table-simple th{border-bottom:1px dashed rgba(255,255,255,.08);padding:10px;text-align:left}
.post-hero{height:280px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}
.post-hero img{width:100%;height:100%;object-fit:cover}
.author{display:flex;align-items:center;gap:12px;margin:10px 0;color:var(--muted)}
.author img{width:36px;height:36px;border-radius:50%}
kbd{padding:2px 6px;border-radius:6px;background:#0a1426;border:1px solid rgba(255,255,255,.1);font-size:12px;color:#cbd5e1}
.linkset{display:flex;flex-direction:column;gap:8px}
.footer-legal{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.06);padding-top:12px}
.footer-legal .legal-links a{margin-right:14px}