/* Topmate · Gradeup-style look (html.gu3). White layout, exam menu, dark high-contrast text. */
html.gu3{--g3i:#0b1410;--g3m:#33413a;--g3l:#e3e9e5;--g3g:#11a866;--g3gd:#0a8a52;--g3bg:#ffffff;--g3s:#f5f8f6}
html.gu3[data-theme=dark]{--g3i:#f1f7f3;--g3m:#c0cec6;--g3l:#24332b;--g3bg:#0c1511;--g3s:#111d17}
html.gu3 body{font-family:"Plus Jakarta Sans",system-ui,sans-serif}
html.gu3 body.landing{background:var(--g3bg)}

/* ---------- home ---------- */
.g3x{color:var(--g3i);background:var(--g3bg);font-size:16px;line-height:1.6}
.g3x a{text-decoration:none;color:inherit}
.g3-w{max-width:1220px;margin:0 auto;padding:0 24px}
.g3-btn{display:inline-flex;align-items:center;gap:8px;background:var(--g3g);color:#fff!important;border:0;border-radius:8px;padding:10px 18px;font-family:inherit;font-weight:700;font-size:15px;line-height:1.2;cursor:pointer;transition:background .2s,transform .2s;white-space:nowrap}
.g3-btn:hover{background:var(--g3gd)}.g3-btn .i{width:18px;height:18px}
.g3-ghost{background:transparent;color:var(--g3i)!important;box-shadow:inset 0 0 0 1.5px var(--g3l)}.g3-ghost:hover{background:var(--g3s)}
.g3-lg{padding:14px 26px;font-size:16px}.g3-white{background:#fff;color:#0a5c37!important}.g3-white:hover{background:#eafff3}

.g3-top{position:sticky;top:0;z-index:30;background:var(--g3bg);box-shadow:0 1px 0 var(--g3l)}
.g3-bar{display:flex;align-items:center;gap:18px;height:68px}
.g3-logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:23px;letter-spacing:-.03em;color:var(--g3i)}
.g3-logo img{width:36px;height:36px;border-radius:10px}.g3-logo em{font-style:normal;color:var(--g3g)}
.g3-mm{position:relative}
.g3-mmb{display:flex;align-items:center;gap:4px;background:none;border:0;font-family:inherit;font-weight:700;font-size:15px;color:var(--g3i);padding:10px 12px;border-radius:8px;cursor:pointer}
.g3-mmb .i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2}
.g3-mm:hover .g3-mmb,.g3-mm:focus-within .g3-mmb{background:var(--g3s)}
.g3-mmp{position:absolute;top:100%;left:0;display:grid;grid-template-columns:repeat(3,minmax(190px,1fr));gap:6px 26px;background:var(--g3bg);border:1px solid var(--g3l);border-radius:14px;padding:20px 22px;box-shadow:0 24px 50px -20px rgba(0,0,0,.28);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;width:720px}
.g3-mm:hover .g3-mmp,.g3-mm:focus-within .g3-mmp{opacity:1;visibility:visible;transform:none}
.g3-mmp b{display:block;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--g3g);margin-bottom:6px}
.g3-mmp a{display:block;padding:5px 0;font-size:14.5px;font-weight:600;color:var(--g3i)}.g3-mmp a:hover{color:var(--g3g)}.g3-mmp .g3-all{color:var(--g3g);margin-top:4px}
.g3-search{flex:1;max-width:460px;display:flex;align-items:center;gap:8px;background:var(--g3s);border:1.5px solid var(--g3l);border-radius:10px;padding:0 12px;transition:border-color .2s}
.g3-search:focus-within{border-color:var(--g3g);background:var(--g3bg)}
.g3-search .i{width:18px;height:18px;color:var(--g3m)}
.g3-search input{flex:1;border:0;background:none;outline:0;padding:11px 0;font-family:inherit;font-weight:500;font-size:15px;color:var(--g3i)}
.g3-search input::placeholder{color:#6b7a72}
.g3-acts{margin-left:auto;display:flex;align-items:center;gap:10px}
.g3-cats{border-top:1px solid var(--g3l);background:var(--g3bg)}
.g3-cats .g3-w{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.g3-cats a{flex:0 0 auto;padding:12px 14px;font-weight:700;font-size:14.5px;color:var(--g3m);border-bottom:3px solid transparent;transition:.2s}
.g3-cats a:hover{color:var(--g3i);border-color:var(--g3g)}

.g3-hero{background:linear-gradient(180deg,#eefaf3,var(--g3bg));padding:64px 0 56px;overflow:hidden}
html.gu3[data-theme=dark] .g3-hero{background:linear-gradient(180deg,#0f2219,var(--g3bg))}
.g3-hg{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.g3-tag{display:inline-flex;align-items:center;gap:8px;background:#dcf5e7;color:#0a5c37;font-weight:700;font-size:14px;padding:7px 14px;border-radius:999px}
.g3-tag .i{width:16px;height:16px}
.g3-hero h1{font-size:clamp(34px,4.6vw,58px);line-height:1.07;letter-spacing:-.04em;font-weight:800;margin:18px 0 16px;color:var(--g3i)}
.g3-rot{color:var(--g3g);display:inline-block;transition:opacity .35s,transform .35s}.g3-rot.out{opacity:0;transform:translateY(-12px)}
.g3-hero p{font-size:18px;color:var(--g3m);max-width:560px;margin:0 0 26px;font-weight:500}
.g3-hs{display:flex;gap:10px;max-width:600px}.g3-big{max-width:none;background:var(--g3bg);box-shadow:0 10px 30px -18px rgba(0,0,0,.35)}.g3-big input{padding:15px 0;font-size:16px}
.g3-pop{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px;font-size:14px}
.g3-pop span{font-weight:700;color:var(--g3m)}
.g3-pop a{border:1.5px solid var(--g3l);background:var(--g3bg);border-radius:999px;padding:5px 13px;font-weight:700;color:var(--g3i);transition:.2s}.g3-pop a:hover{border-color:var(--g3g);color:var(--g3g)}
.g3-up{opacity:0;transform:translateY(18px);animation:g3up .7s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--d,0)*.09s)}
@keyframes g3up{to{opacity:1;transform:none}}

.g3-hv{position:relative;min-height:430px}
.g3-qc{position:absolute;inset:20px 40px auto 0;background:var(--g3bg);border:1px solid var(--g3l);border-radius:18px;padding:22px;box-shadow:0 30px 60px -30px rgba(10,60,35,.45);animation:g3up .8s .25s both,g3fl 7s 1s ease-in-out infinite}
.g3-qh{display:flex;gap:12px;align-items:center;font-size:13px;color:var(--g3m);font-weight:600;padding-bottom:12px;border-bottom:1px solid var(--g3l);margin-bottom:14px}
.g3-qh b{color:var(--g3i)}.g3-tm{margin-left:auto;display:flex;gap:5px;align-items:center;color:#b4441b;font-weight:700}.g3-tm .i{width:15px;height:15px}
.g3-qc p{font-weight:700;margin:0 0 12px;font-size:16px;color:var(--g3i)}
.g3-o{display:flex;gap:12px;align-items:center;border:1.5px solid var(--g3l);border-radius:10px;padding:10px 12px;margin-top:8px;font-weight:600;font-size:14.5px}
.g3-o b{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--g3s);font-size:13px}
.g3-o.ok{border-color:var(--g3g);background:#eafaf1;color:#064d2e}.g3-o.ok b{background:var(--g3g);color:#fff}
.g3-qf{display:flex;justify-content:space-between;margin-top:14px;font-size:13.5px;font-weight:700}.g3-qf span:first-child{color:var(--g3gd);display:flex;gap:6px;align-items:center}.g3-qf .i{width:16px;height:16px}.g3-qf span:last-child{color:var(--g3m)}
.g3-fl{position:absolute;background:var(--g3bg);border:1px solid var(--g3l);border-radius:14px;padding:12px 16px;box-shadow:0 20px 40px -22px rgba(0,0,0,.4);display:flex;flex-direction:column;gap:4px}
.g3-fl b{display:flex;gap:7px;align-items:center;font-size:14px}.g3-fl .i{width:18px;height:18px;color:#d49b0b}.g3-fl small{color:var(--g3m);font-weight:600}
.g3-f1{right:0;top:0;animation:g3up .8s .45s both,g3fl 6s 1.2s ease-in-out infinite reverse}
.g3-f2{right:10px;bottom:6px;width:210px;animation:g3up .8s .6s both,g3fl 8s 1.4s ease-in-out infinite}
.g3-pb{height:8px;border-radius:9px;background:var(--g3s);overflow:hidden}.g3-pb i{display:block;height:100%;background:var(--g3g);border-radius:9px}
@keyframes g3fl{0%,100%{translate:0 0}50%{translate:0 -9px}}

.g3-stats{border-top:1px solid var(--g3l);border-bottom:1px solid var(--g3l)}
.g3-stats .g3-w{display:grid;grid-template-columns:repeat(4,1fr)}
.g3-stats div div{padding:26px 10px;text-align:center;border-left:1px solid var(--g3l)}.g3-stats div div:first-child{border-left:0}
.g3-stats b{display:block;font-size:32px;font-weight:800;letter-spacing:-.03em;color:var(--g3i)}.g3-stats span{font-weight:600;color:var(--g3m);font-size:14.5px}

.g3-sec{padding:78px 0}.g3-alt{background:var(--g3s)}
.g3-h{max-width:760px;margin-bottom:34px}
.g3-eb{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--g3g);display:flex;align-items:center;gap:10px}
.g3-eb:after{content:"";width:34px;height:2px;background:currentColor}
.g3-h h2{font-size:clamp(28px,3.6vw,44px);letter-spacing:-.035em;line-height:1.1;margin:10px 0;font-weight:800;color:var(--g3i)}
.g3-h h2 em{font-style:normal;color:var(--g3g)}
.g3-h p{color:var(--g3m);font-size:17px;margin:0;font-weight:500}

/* reveal */
.g3x .rv{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--d,0)*.1s)}
.g3x .rv.in{opacity:1;transform:none}

/* exam cards */
.g3-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.g3-card{position:relative;display:flex;flex-direction:column;min-height:590px;border-radius:24px;padding:26px;overflow:hidden;color:#0b1410!important;border:1px solid rgba(255,255,255,.7);box-shadow:0 18px 40px -26px rgba(10,60,35,.4)}
.g3-card.in:hover{transform:translateY(-8px);box-shadow:0 30px 60px -28px rgba(0,0,0,.4)}
.g3-c-gate{background:linear-gradient(165deg,#d9f8e8,#b4efd0)}.g3-c-tn{background:linear-gradient(165deg,#ffe6d6,#fdc9a9)}.g3-c-up{background:linear-gradient(165deg,#e1efff,#bcd9fb)}
.g3-meta{display:flex;justify-content:space-between;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#26332c}
.g3-card h3{font-size:33px;letter-spacing:-.03em;margin:14px 0 2px;font-weight:800}
.g3-full{font-weight:700;margin:0 0 6px}.g3-what{font-size:14.5px;color:#2e3a34;margin:0 0 14px;line-height:1.5}
.g3-st{display:flex;gap:20px;margin-bottom:14px}.g3-st b{display:block;font-size:22px;letter-spacing:-.02em}.g3-st span{font-size:12.5px;font-weight:600;color:#33413a}
.g3-chips{display:flex;flex-direction:column;align-items:flex-start;gap:8px;position:relative;z-index:2}
.g3-chips span{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.75);border-radius:999px;padding:6px 14px 6px 7px;font-size:14px;font-weight:700}
.g3-chips .i{width:24px;height:24px;padding:5px;border-radius:50%;color:#fff;background:#0a8a52}
.g3-c-tn .g3-chips .i{background:#d65a2e}.g3-c-up .g3-chips .i{background:#2f7be0}
.g3-art{position:absolute;right:-6px;bottom:80px;width:62%;max-width:280px;pointer-events:none}
.g3-art svg{width:100%;height:auto;display:block;animation:g3fl 6s ease-in-out infinite}
.g3-c-tn .g3-art svg{animation-delay:-2s}.g3-c-up .g3-art svg{animation-delay:-4s}
.g3-spin{animation:g3sp 18s linear infinite;transform-box:fill-box;transform-origin:center}
@keyframes g3sp{to{transform:rotate(360deg)}}
.g3-cf{margin-top:auto;position:relative;z-index:2}
.g3-go{display:inline-flex;gap:10px;align-items:center;background:#0b1410;color:#fff;border-radius:12px;padding:14px 22px;font-weight:700;transition:gap .25s}
.g3-go .i{width:18px;height:18px}.g3-card:hover .g3-go{gap:16px}

/* test series */
.g3-ts{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.g3-tsc{display:flex;flex-direction:column;background:var(--g3bg);border:1px solid var(--g3l);border-radius:16px;padding:20px;transition:box-shadow .25s,border-color .25s}
.g3-tsc.in:hover{border-color:var(--g3g);box-shadow:0 20px 40px -26px rgba(10,60,35,.5)}
.g3-tsh{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}
.g3-free{background:#dcf5e7;color:#0a5c37;font-size:12px;font-weight:800;border-radius:6px;padding:3px 8px}
.g3-tsc h3{font-size:18px;margin:0 0 4px;font-weight:800;color:var(--g3i)}
.g3-tsc p{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--g3m)}
.g3-tsc ul{list-style:none;margin:0 0 16px;padding:0;font-size:14px;font-weight:600;color:var(--g3i)}
.g3-tsc li{display:flex;gap:8px;align-items:center;padding:3px 0}.g3-tsc li .i{width:16px;height:16px;color:var(--g3g)}
.g3-tsb{margin-top:auto;text-align:center;border:1.5px solid var(--g3g);color:var(--g3gd);border-radius:8px;padding:10px;font-weight:800;font-size:14.5px;transition:.2s}
.g3-tsc:hover .g3-tsb{background:var(--g3g);color:#fff}

/* features, steps */
.g3-fg{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.g3-ft{background:var(--g3bg);border:1px solid var(--g3l);border-radius:16px;padding:22px}
.g3-ft span{width:46px;height:46px;border-radius:12px;background:#dcf5e7;color:#0a8a52;display:grid;place-items:center;margin-bottom:14px}
.g3-ft span .i{width:22px;height:22px}
.g3-ft h3{font-size:17px;margin:0 0 6px;font-weight:800;color:var(--g3i)}.g3-ft p{margin:0;color:var(--g3m);font-size:14.5px;font-weight:500}
.g3-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.g3-steps>div{background:var(--g3bg);border:1px solid var(--g3l);border-radius:16px;padding:24px}
.g3-steps b{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--g3i);color:var(--g3bg);font-size:17px;margin-bottom:14px}
.g3-steps h3{margin:0 0 6px;font-size:18px;font-weight:800}.g3-steps p{margin:0;color:var(--g3m);font-weight:500}

/* reused sections (current affairs, toppers) inside the new page */
.g3x .lp-sec{padding:78px max(24px,calc((100vw - 1220px)/2)) 0}
.g3x .lp-sec h2{color:var(--g3i)}.g3x .muted,.g3x .sub{color:var(--g3m)}

/* pricing */
.g3-pr{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:880px}
.g3-pc{border:1px solid var(--g3l);border-radius:18px;padding:28px;display:flex;flex-direction:column;background:var(--g3bg)}
.g3-pcp{border:2px solid var(--g3g);box-shadow:0 26px 50px -30px rgba(10,120,70,.55)}
.g3-pt{font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--g3g)}
.g3-pp{margin:8px 0 14px;display:flex;align-items:baseline;gap:8px}.g3-pp b{font-size:42px;letter-spacing:-.03em}.g3-pp span{color:var(--g3m);font-weight:600}.g3-pp s{color:var(--g3m);font-size:20px}
.g3-pc ul{list-style:none;padding:0;margin:0 0 22px;font-weight:600}.g3-pc li{display:flex;gap:9px;padding:5px 0}.g3-pc li .i{width:18px;height:18px;color:var(--g3g);flex:0 0 auto;margin-top:3px}
.g3-pc .g3-btn{margin-top:auto;justify-content:center}

.g3-cta{background:linear-gradient(120deg,#0a8a52,#11a866);color:#fff;padding:46px 0}
.g3-cta .g3-w{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.g3-cta h2{margin:0;font-size:32px;letter-spacing:-.03em}.g3-cta p{margin:4px 0 0;opacity:.92;font-weight:500}

.g3-foot{background:#0b1410;color:#cfdcd5;padding:56px 0 24px}
.g3-fc{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
.g3-foot .g3-logo{color:#fff}.g3-foot p{font-size:14px;max-width:300px}
.g3-foot b{display:block;color:#fff;margin-bottom:10px;font-size:15px}
.g3-foot a{display:block;padding:4px 0;font-size:14px;color:#cfdcd5}.g3-foot a:hover{color:#fff}
.g3-copy{border-top:1px solid #22312a;margin-top:32px;padding-top:20px;font-size:13.5px;color:#93a69c}

@media(max-width:1100px){.g3-ts,.g3-fg{grid-template-columns:repeat(2,1fr)}.g3-mmp{width:600px}}
@media(max-width:900px){
  .g3-bar .g3-search{display:none}.g3-hg{grid-template-columns:1fr}.g3-hv{min-height:400px}
  .g3-cards,.g3-steps,.g3-pr{grid-template-columns:1fr}.g3-card{min-height:520px}
  .g3-stats .g3-w{grid-template-columns:1fr 1fr}.g3-stats div div:nth-child(3){border-left:0}
  .g3-fc{grid-template-columns:1fr 1fr}.g3-mm{display:none}
}
@media(max-width:560px){
  .g3-w{padding:0 16px}.g3-bar{gap:10px;height:60px}.g3-logo{font-size:20px}.g3-logo img{width:30px;height:30px}
  .g3-acts .icon-btn{display:none}.g3-acts .g3-btn{padding:9px 12px;font-size:14px}
  .g3-hero{padding:36px 0}.g3-hs{flex-direction:column}.g3-qc{inset:10px 0 auto 0}.g3-f1{top:auto;bottom:0;left:0;right:auto}.g3-f2{display:none}
  .g3-ts,.g3-fg{grid-template-columns:1fr}.g3-sec{padding:56px 0}.g3-stats b{font-size:26px}
}
@media(prefers-reduced-motion:reduce){.g3x *,.g3x .rv{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}

/* ---------- student app shell: white sidebar, dark text ---------- */
html.gu3:not([data-theme=dark]){--ink:#0b1410;--muted:#3a4841;--line:#e1e8e4;--bg:#f6f8f7}
html.gu3:not([data-theme=dark]) body{color:#0b1410}
html.gu3:not([data-theme=dark]) #side{background:#fff;border-right:1px solid #e1e8e4}
html.gu3:not([data-theme=dark]) .logo span{color:#0b1410}html.gu3:not([data-theme=dark]) .logo span em{color:#11a866}
html.gu3:not([data-theme=dark]) .nav a{color:#25322b;font-weight:600;border-radius:8px}
html.gu3:not([data-theme=dark]) .nav a:hover{background:#f1f6f3;color:#0b1410}
html.gu3:not([data-theme=dark]) .nav a.on{background:#e3f7ec;color:#075a35;box-shadow:inset 3px 0 0 #11a866;font-weight:800}
html.gu3:not([data-theme=dark]) .ng{color:#5b6a62;opacity:1}
html.gu3:not([data-theme=dark]) .nb{background:#11a866;color:#fff}
html.gu3:not([data-theme=dark]) .streak{background:#fff7e6;color:#8a5a00}html.gu3:not([data-theme=dark]) .streak .i{color:#e09a00;fill:#e09a00}
html.gu3:not([data-theme=dark]) .planchip{background:#f1f6f3;color:#075a35}
html.gu3:not([data-theme=dark]) .about,html.gu3:not([data-theme=dark]) .who small{color:#4b5a52}html.gu3:not([data-theme=dark]) .who{color:#0b1410}html.gu3:not([data-theme=dark]) .who:hover{background:#f1f6f3}
html.gu3:not([data-theme=dark]) #side .icon-btn{background:#fff;border-color:#e1e8e4;color:#25322b}
html.gu3:not([data-theme=dark]) #topbar{background:#fff}
html.gu3:not([data-theme=dark]) .tp-search input{background:#f6f8f7;color:#0b1410}
html.gu3:not([data-theme=dark]) .card{border-color:#e1e8e4;box-shadow:0 1px 2px rgba(0,0,0,.04)}
html.gu3:not([data-theme=dark]) .muted{color:#3a4841}
html.gu3:not([data-theme=dark]) .hero{background:#fff;color:#0b1410;border:1px solid #e1e8e4;box-shadow:0 1px 2px rgba(0,0,0,.04);border-radius:18px}
html.gu3:not([data-theme=dark]) .hero .blob{display:none}
html.gu3:not([data-theme=dark]) .hero p{color:#33413a;opacity:1}
html.gu3:not([data-theme=dark]) .hero .pill{background:#e3f7ec;color:#075a35}
html.gu3:not([data-theme=dark]) .hero .btn{background:#11a866;color:#fff;border:0}
html.gu3:not([data-theme=dark]) .hero .btn.ghost,html.gu3:not([data-theme=dark]) .hero .btn+.btn{background:#fff;color:#0b1410;box-shadow:inset 0 0 0 1.5px #d5ded9}
html.gu3:not([data-theme=dark]) .hero .ring .num b,html.gu3:not([data-theme=dark]) .hero .ring .num span{color:#0b1410}
@media(max-width:900px){html.gu3:not([data-theme=dark]) #side{border-right:0;border-top:1px solid #e1e8e4}}
html.gu3:not([data-theme=dark]) .hero .pill{background:#e3f7ec!important;color:#075a35!important}
html.gu3:not([data-theme=dark]) .hero .btn+.btn{background:#fff!important;color:#0b1410!important;box-shadow:inset 0 0 0 1.5px #cfd9d3!important}
html.gu3:not([data-theme=dark]) .hero .ring circle:first-child{stroke:#e3ece7!important}
html.gu3:not([data-theme=dark]) .hero .ring circle:last-child{stroke:#11a866!important}