:root{--navy:#0B2A7A;--navy-d:#071a4f;--gold:#C9A24B;--ink:#1b2340;--muted:#5b6482;--bg:#f4f6fb;--card:#fff;--line:#dfe4f1}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Poppins','Noto Sans Devanagari',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.7}
a{color:var(--navy)}
a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.wrap{max-width:900px;margin:0 auto;padding:0 20px}
header.top{background:linear-gradient(160deg,var(--navy-d),var(--navy));color:#fff}
header.top .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px}
.brand{color:#fff;text-decoration:none;font-weight:700;letter-spacing:.04em}
.brand small{display:block;color:var(--gold);font-weight:500;letter-spacing:.2em;font-size:.65rem}
nav a{color:#fff;text-decoration:none;margin-left:16px;font-size:.92rem;padding:4px 0;border-bottom:2px solid transparent}
nav a:hover,nav a.on{border-color:var(--gold)}
.hero{background:linear-gradient(160deg,var(--navy-d),var(--navy));color:#fff;padding:48px 0 60px;text-align:center}
.hero h1{margin:0 0 8px;font-size:clamp(1.8rem,5vw,2.8rem);letter-spacing:.03em}
.hero p{margin:6px auto;max-width:560px;color:#d9e0f7}
.hero .gold{color:var(--gold);letter-spacing:.3em;font-size:.8rem}
.rule{width:140px;height:2px;background:var(--gold);margin:14px auto;border:0}
main{padding:28px 0 48px}
.hero + main .wrap>.grid:first-child{margin-top:-40px}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 6px 18px rgba(11,42,122,.08)}
.card h2,.card h3{margin:0 0 6px;color:var(--navy)}
.card p{margin:6px 0 14px;color:var(--muted)}
.btn{display:inline-block;background:var(--navy);color:#fff;text-decoration:none;padding:9px 16px;border-radius:10px;font-size:.9rem;margin:4px 6px 0 0}
.btn.alt{background:#fff;color:var(--navy);border:1.5px solid var(--navy)}
.btn:hover{background:var(--navy-d);color:#fff}
.btn.alt:hover{background:var(--navy);color:#fff}
article.doc{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px}
article.doc h1{margin-top:0;color:var(--navy);font-size:1.7rem}
article.doc h2{color:var(--navy);font-size:1.15rem;margin-top:28px;border-left:4px solid var(--gold);padding-left:10px}
article.doc ul{padding-left:20px}
.meta{color:var(--muted);font-size:.88rem}
.note{background:#fff8e6;border:1px solid #ecd9a3;border-radius:10px;padding:12px 16px}
.crumbs{font-size:.85rem;margin-bottom:14px;color:var(--muted)}
footer{background:var(--navy-d);color:#c9d2f0;padding:24px 0;font-size:.9rem}
footer a{color:#fff;margin-right:14px}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}