:root{--bg:#0b1220;--muted:#9ca3af;--accent:#7c3aed}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f7fb;color:#0b1220}
.container{max-width:1100px;margin:0 auto;padding:24px}
header{background:linear-gradient(90deg,#0b1220,#07112a);color:white;padding:18px;border-bottom:1px solid rgba(255,255,255,0.03)}
nav a{color:rgba(255,255,255,0.9);margin-right:12px;text-decoration:none}
.article-hero{display:grid;grid-template-columns:1fr 320px;gap:18px;align-items:start;margin-top:18px}
.card{background:white;border-radius:10px;padding:16px;box-shadow:0 6px 18px rgba(11,17,32,0.06)}
.article-body img{max-width:100%;border-radius:8px;margin:12px 0}
.footer{padding:18px;text-align:center;color:#6b7280;margin-top:36px}
@media(max-width:900px){.article-hero{grid-template-columns:1fr}}