@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&family=Open+Sans:wght@400;600&display=swap');
:root{--bg:#f7fbff;--card:#ffffff;--text:#0b1220;--muted:#52607a;--primary:#0f62fe;--accent:#60a5fa;--border:#e6eefc;--grey:#f7f9fc}
*{box-sizing:border-box}body{margin:0;font-family:'Open Sans',sans-serif;background:var(--bg);color:var(--text)}
.container{max-width:1100px;margin:0 auto;padding:20px}
.header{background:linear-gradient(90deg,#e8f4ff,white);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 20px}
.brand{font-weight:800;color:var(--primary);font-size:20px;display:flex;align-items:center;gap:10px}
.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px;box-shadow:0 8px 24px rgba(16,24,40,0.04)}
.footer-bottom{background:#0d47a1;padding:15px;text-align:center;color:#f1f1f1;font-size:14px}
.main-wrapper{max-width:800px;margin:40px auto;padding:0 15px}
.article-header img{width:100%;height:auto;border-radius:8px;margin-bottom:12px}
.kicker{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}
.small{font-size:13px;color:var(--muted)}