:root{--blue:#1455a0;--navy:#102a43;--ink:#263746;--muted:#617487;--bg:#f4f7fb;--line:#e3eaf2}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,'Noto Sans Bengali',sans-serif;line-height:1.8}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
header{background:linear-gradient(120deg,#103a70,#1976c9);color:#fff}
.wrap{width:min(1080px,92%);margin:auto}.top{padding:28px 0}.brand{font-size:30px;font-weight:800;letter-spacing:.2px}.tag{opacity:.9}
nav{background:#0d2d50}nav .wrap{display:flex;gap:22px;flex-wrap:wrap;padding:12px 0}nav a{color:#fff;font-weight:600}
main{padding:32px 0}.layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);gap:24px}
.panel,.post,.side{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 5px 20px #183b5b0a}
h1,h2,h3{color:var(--navy);line-height:1.35}h1{font-size:30px;margin-top:0}h2{font-size:22px}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}
.card h3{font-size:19px;margin:0 0 8px}.muted{color:var(--muted);font-size:14px}
.article p{margin:0 0 18px}.article h2{margin-top:26px}
footer{background:#102a43;color:#dce8f5;padding:28px 0;margin-top:35px}footer a{color:#fff}
@media(max-width:760px){.layout{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.brand{font-size:25px}h1{font-size:25px}}