:root{--primary:#0b5cab;--accent:#16a34a;--dark:#0f172a}
body{font-family:Segoe UI,Arial,sans-serif;margin:0;background:#f8fafc;color:#222}
nav{background:var(--dark);padding:15px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}
nav a{color:#fff;text-decoration:none}
.hero{padding:80px 20px;text-align:center;background:linear-gradient(135deg,#0b5cab,#1e3a8a);color:#fff}
.btn{background:var(--accent);color:#fff;padding:12px 20px;border-radius:6px;text-decoration:none;display:inline-block}
.container{max-width:1200px;margin:auto;padding:30px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08)}
.featured{height:350px;background:#dbeafe;border-radius:12px;display:flex;align-items:center;justify-content:center}
.author{display:flex;gap:20px;background:#fff;padding:20px;border-radius:10px}
.footer{background:#111827;color:white;padding:30px;text-align:center;margin-top:50px}
#chat{position:fixed;right:20px;bottom:20px;background:#0b5cab;color:#fff;padding:14px;border-radius:40px}