:root{
--c-primary:#1a5238; --c-accent:#e8743b;
--grad-brand:linear-gradient(115deg,#1a5238,#e8743b);
--green-900:#0c3322; --green-800:#123f2a; --green-700:#1a5238;
--coral:#e8743b; --coral-d:#cf5f2a; --red:#d6342b; --gold:#c98a16; --teal:#2f8f83;
--cream:#eef3ec; --cream-2:#e4ece2; --card:#ffffff;
--ink:#13201a; --muted:#5d6c63; --line:#e3e9e2;
--shadow:0 10px 30px rgba(12,51,34,.10); --shadow-sm:0 4px 14px rgba(12,51,34,.07);
--serif:"Playfair Display","Tiro Devanagari Hindi",Georgia,serif;
--sans:"Mukta",system-ui,-apple-system,"Segoe UI",sans-serif;
--r:18px; --rs:12px;
--tg:#229ED9;
}
[data-theme="dark"]{
--cream:#0b1612; --cream-2:#0f1d17; --card:#13211b; --ink:#eaf2ec; --muted:#9fb3a7;
--line:#243a30; --green-800:#0c3322; --shadow:0 10px 30px rgba(0,0,0,.45); --shadow-sm:0 4px 14px rgba(0,0,0,.32);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);
font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--serif);font-weight:800;letter-spacing:-.01em;line-height:1.14;margin:.2em 0 .4em}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1120px;margin:0 auto;padding:0 18px}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:8px;top:8px;background:var(--card);padding:10px 14px;border-radius:10px;z-index:999}
:focus-visible{outline:3px solid var(--coral);outline-offset:2px;border-radius:6px}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)} .topbar{background:var(--green-900);color:#cfe2d5;font-size:.82rem}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;padding:7px 18px}
.tb-right{display:flex;align-items:center;gap:14px}
.tb-tg{color:#8fd4f5;font-weight:600}
.theme-toggle{border:0;background:rgba(255,255,255,.12);color:#fff;width:32px;height:32px;border-radius:999px;cursor:pointer;font-size:.95rem}
.theme-toggle:hover{background:rgba(255,255,255,.24)} .site-header{background:var(--card);border-bottom:1px solid var(--line)}
.site-header .wrap{display:flex;align-items:center;gap:18px;padding:16px 18px}
.brand{display:flex;align-items:center;gap:13px}
.brand-mark{width:48px;height:48px;border-radius:13px;background:var(--grad-brand);color:#fff;
font-family:var(--serif);font-weight:900;font-size:1.25rem;display:grid;place-items:center;flex:none}
.brand-name{font-family:var(--serif);font-weight:900;font-size:1.7rem;color:var(--ink);display:block;line-height:1}
.brand-name b{color:var(--coral)}
.brand-tag{display:block;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:5px;font-weight:600}
.header-search{margin-left:auto;max-width:340px;width:100%}
.custom-logo{max-height:60px;width:auto} .search-form{display:flex;gap:8px}
.search-form input[type=search]{flex:1;padding:11px 15px;border:1.5px solid var(--line);border-radius:999px;
background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:.95rem}
.search-form input[type=search]:focus{outline:none;border-color:var(--coral)}
.search-form button{border:0;background:var(--green-700);color:#fff;border-radius:999px;padding:0 18px;font-weight:700;cursor:pointer} .main-nav{background:var(--green-800);position:sticky;top:0;z-index:50;box-shadow:0 2px 0 rgba(0,0,0,.12)}
.main-nav .wrap{display:flex;align-items:center;gap:6px;padding:0 18px}
.main-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:2px;margin:0;padding:0}
.main-nav li{position:relative}
.main-nav a{display:block;color:#dbe9df;font-weight:600;font-size:.9rem;padding:13px 14px;border-radius:0}
.main-nav a:hover{background:rgba(255,255,255,.10);color:#fff}
.main-nav .current-menu-item>a,.main-nav .is-active>a{background:var(--coral);color:#fff}
.main-nav ul ul{position:absolute;left:0;top:100%;background:var(--green-800);min-width:200px;
display:none;flex-direction:column;box-shadow:var(--shadow);z-index:60;border-radius:0 0 12px 12px;overflow:hidden}
.main-nav li:hover>ul{display:flex}
.main-nav ul ul a{padding:11px 16px}
.nav-toggle{display:none;background:transparent;border:0;color:#fff;font-weight:700;font-size:1rem;padding:13px 6px;cursor:pointer} .ticker{background:var(--card);border-bottom:1px solid var(--line)}
.ticker .wrap{display:flex;align-items:center;gap:14px;padding:9px 18px;overflow:hidden}
.ticker-label{flex:none;background:var(--red);color:#fff;font-weight:800;font-size:.72rem;letter-spacing:.06em;
text-transform:uppercase;padding:5px 12px;border-radius:999px}
.ticker-track{display:flex;gap:26px;white-space:nowrap;overflow:hidden;color:var(--muted);font-weight:600;font-size:.9rem}
.ticker-track a{color:var(--ink)}
.ticker-track a:hover{color:var(--coral)} .site-main{padding:26px 0 10px} .hero{display:grid;grid-template-columns:1.55fr 1fr;gap:18px}
.cover{position:relative;border-radius:24px;overflow:hidden;min-height:420px;display:block;
background:var(--grad-brand);box-shadow:var(--shadow)}
.cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cover .veil{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,28,18,.92) 8%,rgba(8,28,18,.30) 55%,transparent)}
.cover-body{position:absolute;left:0;right:0;bottom:0;padding:26px;color:#fff;display:block}
.cover-body h2{color:#fff;font-size:2.05rem;margin:10px 0 8px}
.cover-body .meta{color:#cfe2d5;font-size:.86rem;font-weight:600}
.kicker{display:inline-block;background:#fff;color:var(--green-900);font-weight:800;font-size:.7rem;
letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.cover-side{display:flex;flex-direction:column;gap:12px}
.mini{display:flex;gap:13px;align-items:center;background:var(--card);border:1px solid var(--line);
border-radius:16px;padding:11px;box-shadow:var(--shadow-sm);transition:transform .12s}
.mini:hover{transform:translateY(-2px)}
.mini .thumb{flex:none;width:74px;height:74px;border-radius:12px;object-fit:cover;overflow:hidden}
.mini h3{font-size:1.02rem;margin:0 0 4px;line-height:1.2}
.mini .meta{font-size:.78rem;color:var(--muted);font-weight:600} .section{margin-top:34px}
.section-head,.section-ribbon{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.section-ribbon .bar,.section-head:before{content:"";width:42px;height:6px;background:var(--red);border-radius:6px;display:inline-block}
.section-head h2,.section-ribbon h2{margin:0;font-size:1.55rem;white-space:nowrap}
.section-head .line{flex:1;height:1px;background:var(--line)} .attempt-strip{background:linear-gradient(135deg,var(--green-700),var(--green-900));border-radius:24px;
padding:26px;color:#fff;box-shadow:var(--shadow)}
.attempt-strip h2{color:#fff;font-size:1.6rem;margin:0 0 4px}
.attempt-strip .sub{color:#cfe2d5;margin:0 0 18px;max-width:70ch}
.test-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:13px}
.test-card{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);border-radius:16px;
padding:16px;display:flex;flex-direction:column;gap:6px;transition:transform .12s,background .12s}
.test-card:hover{transform:translateY(-3px);background:rgba(255,255,255,.18)}
.tc-ico{font-size:1.4rem}
.tc-title{font-family:var(--serif);font-weight:800;font-size:1.12rem;color:#fff}
.tc-meta{font-size:.8rem;color:#bcd6c6;font-weight:600}
.tc-go{margin-top:6px;align-self:flex-start;background:var(--coral);color:#fff;font-weight:700;
font-size:.82rem;padding:6px 13px;border-radius:999px} .layout{display:grid;grid-template-columns:1fr 320px;gap:26px;margin-top:34px;align-items:start} .cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.rack{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-sm)}
.rack-head{display:flex;align-items:center;gap:10px;padding:14px 16px;color:#fff;font-family:var(--serif);
font-weight:800;font-size:1.12rem}
.rack-head .ico{font-size:1.1rem}
.rack-head .count{margin-left:auto;background:rgba(255,255,255,.22);color:#fff;font-family:var(--sans);
font-weight:700;font-size:.74rem;padding:3px 10px;border-radius:999px}
.rack-list{list-style:none;margin:0;padding:8px 8px 4px}
.rack-list li{display:flex;gap:11px;align-items:center;padding:9px;border-radius:12px}
.rack-list li:hover{background:var(--cream)}
.rack-list .thumb{flex:none;width:58px;height:58px;border-radius:10px;object-fit:cover;overflow:hidden;
background:var(--cream-2);display:grid;place-items:center}
.rack-list a{font-weight:600;font-size:.97rem;line-height:1.25;color:var(--ink)}
.rack-list a:hover{color:var(--coral)}
.li-meta{display:block;font-size:.76rem;color:var(--muted);font-weight:600;margin-top:3px}
.rack-foot{padding:10px 16px 16px}
.rack-foot a{color:var(--coral);font-weight:800;font-size:.86rem}
.badge-new{display:inline-block;background:var(--coral);color:#fff;font-size:.62rem;font-weight:800;
letter-spacing:.04em;padding:2px 7px;border-radius:999px;margin-left:6px;vertical-align:middle;font-family:var(--sans)} .empty{background:var(--card);border:1px dashed var(--line);border-radius:var(--r);padding:34px;text-align:center}
.empty h2{margin-top:0}
.empty p{color:var(--muted);max-width:60ch;margin:0 auto} .list-card{display:flex;gap:15px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);
padding:13px;margin-bottom:14px;box-shadow:var(--shadow-sm);transition:transform .12s}
.list-card:hover{transform:translateY(-2px)}
.lc-thumb{flex:none;width:140px;height:104px;border-radius:13px;object-fit:cover;overflow:hidden;background:var(--cream-2)}
.lc-body{display:flex;flex-direction:column;justify-content:center}
.lc-body h2,.lc-body h3{margin:6px 0;font-size:1.2rem}
.lc-body a:hover{color:var(--coral)}
.lc-meta{font-size:.8rem;color:var(--muted);font-weight:600}
.chip{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
color:#fff;padding:4px 11px;border-radius:999px;background:var(--green-700)} .sidebar{position:sticky;top:74px}
.widget{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;
margin-bottom:18px;box-shadow:var(--shadow-sm)}
.widget-title{font-size:1.1rem;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid var(--coral);display:inline-block}
.widget ul{list-style:none;margin:0;padding:0}
.widget li{padding:7px 0;border-bottom:1px solid var(--line)}
.widget a:hover{color:var(--coral)} .tg-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-sm)}
.tg-top{display:flex;align-items:center;gap:11px;background:var(--tg);color:#fff;padding:14px 16px}
.tg-ava{width:42px;height:42px;border-radius:999px;background:rgba(255,255,255,.25);display:grid;place-items:center;font-size:1.2rem;flex:none}
.tg-name{font-family:var(--serif);font-weight:800;font-size:1.08rem;line-height:1.1}
.tg-sub{font-size:.76rem;opacity:.92}
.tg-body{padding:13px;display:flex;flex-direction:column;gap:10px;max-height:520px;overflow:auto}
.tg-msg{background:var(--cream);border-radius:14px;border-top-left-radius:4px;padding:11px 13px;position:relative}
.tg-mtitle{font-weight:700;color:var(--green-700);margin-bottom:3px}
.tg-mtext{font-size:.9rem;color:var(--ink)}
.tg-time{display:block;font-size:.72rem;color:var(--muted);margin-top:5px;text-align:right}
.tg-readmore{color:var(--coral);font-weight:700;font-size:.82rem}
.tg-foot{padding:13px}
.tg-join,.tg-open{display:block;text-align:center;background:var(--tg);color:#fff;font-weight:700;
padding:11px;border-radius:999px}
.tg-join:hover,.tg-open:hover{filter:brightness(1.05)} .entry-hero{border-radius:24px;overflow:hidden;margin:18px 0;max-height:460px}
.entry-hero img{width:100%;height:100%;object-fit:cover}
.entry-inner{max-width:760px;margin:0 auto}
.entry-title{font-size:2.3rem;line-height:1.1;margin:.1em 0 .3em}
.entry-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-weight:600;font-size:.86rem;margin-bottom:18px}
.entry-content{font-size:1.08rem}
.entry-content p{margin:0 0 1.1em}
.entry-content h2{font-size:1.6rem;margin-top:1.4em}
.entry-content h3{font-size:1.3rem;margin-top:1.2em}
.entry-content a{color:var(--coral);text-decoration:underline;text-underline-offset:2px}
.entry-content img{border-radius:14px;margin:1.2em 0}
.entry-content blockquote{border-left:4px solid var(--coral);margin:1.2em 0;padding:6px 18px;color:var(--muted);font-style:italic}
.entry-content table{width:100%;border-collapse:collapse;margin:1.2em 0;font-size:.96rem;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm)}
.entry-content th{background:var(--green-700);color:#fff;font-family:var(--serif);text-align:left;padding:11px 13px}
.entry-content td{padding:10px 13px;border-bottom:1px solid var(--line)}
.entry-content tr:nth-child(even) td{background:var(--cream)}
.post-nav{display:flex;justify-content:space-between;gap:14px;margin:30px 0}
.post-nav a{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:13px 16px;font-weight:700;box-shadow:var(--shadow-sm)}
.post-nav a:hover{color:var(--coral)} .pagination{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:26px 0}
.pagination .page-numbers{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 14px;font-weight:700}
.pagination .current{background:var(--coral);color:#fff;border-color:var(--coral)} .btn,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;
font-family:var(--sans);font-weight:700;font-size:1rem;padding:12px 22px;border-radius:999px;
background:var(--coral);color:#fff;box-shadow:0 6px 16px rgba(232,116,59,.30);transition:transform .12s}
.btn:hover,.button:hover{transform:translateY(-2px);color:#fff}
.btn.ghost,.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line);box-shadow:none}
.button-primary{background:var(--green-700);box-shadow:0 6px 16px rgba(26,82,56,.3)} .breadcrumbs{font-size:.82rem;color:var(--muted);margin:14px 0;font-weight:600}
.breadcrumbs a:hover{color:var(--coral)} .attempt-hero{background:linear-gradient(135deg,var(--green-700),var(--green-900));color:#fff;
border-radius:24px;padding:28px;box-shadow:var(--shadow);margin:18px 0}
.attempt-hero h1{color:#fff;font-size:2rem;margin:10px 0 8px}
.ah-sub{color:#cfe2d5;margin:0}
.attempt-stats{display:flex;flex-wrap:wrap;gap:18px;margin-top:16px;color:#a9c6b3;font-weight:600;font-size:.86rem}
.attempt-stats b{color:#fff}
.start-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}
.start-fields label{display:block;font-weight:700;font-size:.85rem;margin-bottom:6px}
.start-fields input,.start-fields select{width:100%;padding:12px 14px;border:1.5px solid var(--line);
border-radius:12px;background:var(--card);color:var(--ink);font-family:var(--sans);font-size:1rem}
.start-fields input:focus,.start-fields select:focus{outline:none;border-color:var(--coral)} .key-switch{margin:18px 0}
.ks-label{font-weight:700;margin-bottom:8px;display:block}
.keys{display:flex;gap:10px;flex-wrap:wrap}
.key-opt{flex:1;min-width:180px;border:1.5px solid var(--line);border-radius:14px;padding:14px 16px;
cursor:pointer;background:var(--card);font-weight:700;transition:border-color .12s,background .12s}
.key-opt:hover{border-color:var(--coral)}
.key-opt.is-active{border-color:var(--coral);background:rgba(232,116,59,.08)}
.key-opt[disabled],.key-opt.disabled{opacity:.5;cursor:not-allowed} .progress{height:8px;background:var(--cream-2);border-radius:8px;overflow:hidden;margin-top:12px}
.progress>i,.progress>span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--coral),var(--gold));border-radius:8px;transition:width .25s}
.progress-text{font-size:.82rem;font-weight:600;color:var(--muted);margin-top:6px}
.timer{font-family:var(--serif);font-weight:800;font-size:1.2rem;color:var(--green-700)} .quiz-card,.q{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-top:16px;box-shadow:var(--shadow-sm)}
.q-head,.q .qhead{display:flex;gap:12px;align-items:flex-start}
.q-num,.q .qnum,.esrq-num{flex:none;width:34px;height:34px;border-radius:10px;background:var(--green-700);
color:#fff;font-weight:800;display:grid;place-items:center;font-size:.95rem}
.q-text{font-weight:600}
.q-text small,.q-text .en{display:block;color:var(--muted);font-weight:500;font-size:.92rem;margin-top:3px}
.opts{margin:14px 0 6px;display:grid;gap:9px}
.opt{display:flex;gap:11px;align-items:flex-start;padding:11px 13px;border:1.5px solid var(--line);
border-radius:12px;cursor:pointer;background:var(--cream)}
.opt:hover{border-color:var(--coral)}
.opt.is-active,.opt.sel{border-color:var(--coral);background:rgba(232,116,59,.08)}
.opt-key{font-weight:800}
.opt.correct{border-color:#1a7a4a;background:rgba(26,122,74,.12)}
.opt.wrong{border-color:var(--red);background:rgba(214,52,43,.10)}
.tick{font-size:.72rem;font-weight:800;padding:2px 9px;border-radius:999px;margin-left:8px}
.opt.correct .tick{background:#1a7a4a;color:#fff}
.opt.wrong .tick{background:var(--red);color:#fff}
.q-source,.esr-src{margin:8px 0 0;padding:10px 13px;border-left:4px solid var(--gold);background:var(--cream-2);
border-radius:8px;font-size:.86rem}
.q-source b,.esr-src b{color:var(--coral)} .scorecard{background:var(--card);border:1px solid var(--line);border-radius:24px;overflow:hidden;
box-shadow:var(--shadow);margin-top:16px}
.sc-inner{background:linear-gradient(135deg,var(--green-700),var(--green-900));color:#fff;padding:26px;
display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.ring{--p:0;width:130px;height:130px;border-radius:50%;flex:none;display:grid;place-items:center;
background:conic-gradient(var(--coral) calc(var(--p)*1%),rgba(255,255,255,.18) 0)}
.ring:after{content:"";position:absolute}
.ring-pct{font-family:var(--serif);font-size:1.7rem;color:#fff;width:104px;height:104px;border-radius:50%;
background:var(--green-900);display:grid;place-items:center}
.ring-lab{font-size:.7rem;color:#bcd6c6;letter-spacing:.1em}
.sc-name h2{color:#fff;margin:0;font-size:1.6rem}
.sc-who{color:#cfe2d5;margin:4px 0 0}
.sc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}
.sc-box{background:var(--card);padding:18px 12px;text-align:center}
.sc-box b{display:block;font-family:var(--serif);font-size:1.6rem}
.sc-box span{font-size:.74rem;color:var(--muted);font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.sc-box.right b{color:#1a7a4a}.sc-box.wrong b{color:var(--red)}
.sc-box.skip b{color:var(--muted)}.sc-box.net b{color:var(--coral)} .reveal-gate{background:linear-gradient(135deg,#229ED9,#1c7fb0);color:#fff;border-radius:var(--r);padding:24px;
margin-top:18px;text-align:center;box-shadow:var(--shadow)}
.reveal-gate h3{color:#fff;font-size:1.35rem;margin:0 0 6px}
.reveal-gate p{color:#dcefff;margin:0 0 16px}
.reveal-gate.done{background:var(--green-700)}
.reveal-note{color:#cfe2d5}
.quiz-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.tg-join{display:inline-flex;align-items:center;gap:8px;background:var(--tg);color:#fff;font-weight:700;
padding:12px 22px;border-radius:999px;border:0;cursor:pointer} .esrq{border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:12px;background:var(--card)}
.esr-remove{color:var(--red);cursor:pointer} .footer-cta{background:linear-gradient(135deg,#229ED9,#1c7fb0);color:#fff;text-align:center;padding:30px 18px}
.footer-cta h2{color:#fff;margin:0 0 6px}
.footer-cta .btn{background:#fff;color:var(--tg)}
.site-footer{background:var(--green-900);color:#bcd6c6;padding:34px 0 10px}
.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.site-footer h3,.site-footer .widget-title{color:#fff}
.site-footer a{color:#cfe2d5}
.site-footer a:hover{color:#fff}
.footer-disclaim{font-size:.86rem;line-height:1.6}
.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.12);margin-top:22px;padding-top:16px;font-size:.82rem} @media(max-width:920px){
.hero{grid-template-columns:1fr}
.cover{min-height:320px}
.layout{grid-template-columns:1fr}
.sidebar{position:static}
.footer-cols{grid-template-columns:1fr;gap:18px}
}
@media(max-width:680px){
body{font-size:16px}
.site-header .wrap{flex-wrap:wrap}
.header-search{order:3;margin-left:0;max-width:none}
.nav-toggle{display:block}
.main-nav ul{display:none;flex-direction:column;width:100%;padding-bottom:8px}
.main-nav.open ul,.main-nav ul.open{display:flex}
.main-nav ul ul{position:static;display:flex}
.cover-body h2{font-size:1.5rem}
.entry-title{font-size:1.7rem}
.sc-grid{grid-template-columns:repeat(2,1fr)}
.start-fields{grid-template-columns:1fr}
.lc-thumb{width:104px;height:84px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}}