/* UPSCPrep.in homepage – brand navy #0B1F4B, blue #0A5CF0, amber #FBBF0E */
.hp{--navy:#0B1F4B;--blue:#0A5CF0;--amber:#FBBF0E;--ink:#1C2434}
body:has(.hp){overflow-x:hidden}
main.container:has(.hp){margin-top:0!important}
.hp-bleed{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.hp-hero{background:radial-gradient(1200px 500px at 85% -10%,rgba(251,191,14,.18),transparent 60%),linear-gradient(120deg,var(--navy),#0b3fa8 60%,var(--blue));color:#fff;padding:4.5rem 0 4rem;border-bottom:6px solid var(--amber)}
.hp-kicker{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);margin-bottom:.8rem}
.hp-h1{font-weight:800;font-size:clamp(2rem,4.6vw,3.3rem);line-height:1.1;margin-bottom:1rem}
.hp-lead{font-size:1.15rem;color:#dbe6ff;max-width:36rem;margin-bottom:1.6rem}
.hp-ticks{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;color:#e7eeff;font-size:.95rem}.hp-ticks i{color:var(--amber)}
.btn-amber{background:var(--amber);color:var(--navy);font-weight:700;border:0}.btn-amber:hover{background:#ffd34d;color:var(--navy)}
.btn-outline-brand{border:2px solid var(--blue);color:var(--blue);font-weight:600}.btn-outline-brand:hover{background:var(--blue);color:#fff}
.hp-stack{position:relative;height:420px}.hp-stack img{position:absolute;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.35);height:auto;background:#fff}
.hp-s1{width:72%;right:0;top:0;transform:rotate(2deg)}.hp-s2{width:78%;left:0;bottom:10px;transform:rotate(-2.5deg)}
.hp-sec{padding:3.5rem 0 1rem}.hp-h2{font-weight:800;color:var(--navy);font-size:clamp(1.5rem,3vw,2.1rem)}.hp-sub{color:#5b6678;margin-bottom:1.6rem}
.hp-h3{font-weight:700;font-size:1.05rem;color:var(--navy)}
.hp-card{background:#fff;border-radius:16px;padding:1.4rem;box-shadow:0 2px 14px rgba(11,31,75,.07);border:1px solid #e6ecf7;transition:transform .2s,box-shadow .2s}
.hp-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(11,31,75,.12)}.hp-card p{color:#5b6678;font-size:.93rem;margin:0}
.hp-ic{display:inline-flex;width:48px;height:48px;border-radius:12px;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--navy),var(--blue));color:var(--amber);font-size:1.4rem;margin-bottom:.8rem}
.hp-course{display:block;background:#fff;border-radius:16px;padding:1.3rem;border:1px solid #e6ecf7;box-shadow:0 2px 14px rgba(11,31,75,.07);text-decoration:none;color:var(--ink);border-top:5px solid var(--blue);transition:transform .2s}
.hp-course:hover{transform:translateY(-3px);border-top-color:var(--amber)}.hp-course p{color:#5b6678;font-size:.9rem}
.hp-course-top{display:flex;align-items:center;gap:.5rem;font-weight:800;color:var(--blue);margin-bottom:.4rem}.hp-course-top i{font-size:1.4rem}
.hp-meta{display:flex;gap:1rem;font-size:.85rem;color:#5b6678;border-top:1px solid #eef2f8;padding-top:.7rem}.hp-meta b{color:var(--navy);font-size:1.05rem}
.hp-hl{margin-bottom:2.5rem}.hp-shot{border-radius:14px;overflow:hidden;box-shadow:0 14px 40px rgba(11,31,75,.18);border:1px solid #dfe6f2;background:#fff}.hp-shot img,.hp-ca img{width:100%;height:auto;display:block}
.hp-ca{display:block;background:#fff;border-radius:14px;overflow:hidden;border:1px solid #e6ecf7;box-shadow:0 2px 14px rgba(11,31,75,.07);text-decoration:none;transition:transform .2s}.hp-ca:hover{transform:translateY(-3px)}
.hp-pill{display:inline-block;background:#fff4cf;color:#7a5a00;font-weight:700;font-size:.75rem;border-radius:99px;padding:.2rem .6rem}
.hp-pyq{background:linear-gradient(120deg,var(--navy),#0b3fa8);margin-top:3rem;padding:3.5rem 0}
.hp-chips{display:flex;flex-wrap:wrap;gap:.5rem}.hp-chips a{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);color:#fff;text-decoration:none;border-radius:99px;padding:.35rem .85rem;font-size:.9rem}
.hp-chips a:hover{background:var(--amber);color:var(--navy);border-color:var(--amber)}.hp-chips small{opacity:.7;margin-left:.2rem}
.hp-steps .hp-card{position:relative;padding-top:2rem}.hp-num{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--amber);color:var(--navy);font-weight:800;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.hp-price{position:relative;background:#fff;border-radius:16px;padding:1.5rem;border:1px solid #e6ecf7;box-shadow:0 2px 14px rgba(11,31,75,.07)}
.hp-price ul{list-style:none;padding:0;margin:.8rem 0 0;font-size:.9rem;color:#4a5568}.hp-price li{margin-bottom:.35rem}.hp-price i{color:var(--blue)}
.hp-amt{font-size:2rem;font-weight:800;color:var(--navy)}.hp-amt small{font-size:.9rem;color:#5b6678;font-weight:500}
.hp-best{border:2px solid var(--amber);box-shadow:0 12px 30px rgba(251,191,14,.25)}.hp-badge{position:absolute;top:-12px;right:16px;background:var(--amber);color:var(--navy);font-weight:800;font-size:.75rem;border-radius:99px;padding:.25rem .7rem}
.hp-faq{max-width:820px}.hp-faq details{background:#fff;border:1px solid #e6ecf7;border-radius:12px;padding:1rem 1.2rem;margin-bottom:.7rem}
.hp-faq summary{font-weight:700;color:var(--navy);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem}.hp-faq summary::after{content:'+';color:var(--blue);font-size:1.3rem;line-height:1}
.hp-faq details[open] summary::after{content:'–'}.hp-faq p{margin:.7rem 0 0;color:#4a5568}
.hp-cta{margin:3rem 0 0;border-radius:20px;padding:2.2rem;background:linear-gradient(120deg,var(--navy),var(--blue));color:#dbe6ff;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem;border-bottom:6px solid var(--amber)}
.hp-stats{background:var(--navy);margin-top:3rem;margin-bottom:-1.5rem;padding:3rem 0;border-top:6px solid var(--amber)}
.hp-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}
.hp-stat{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:1.1rem;text-align:center}
.hp-stat b{display:block;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:var(--amber);font-variant-numeric:tabular-nums}.hp-stat span{color:#c9d6f5;font-size:.85rem}
@media (max-width:767px){.hp-hero{padding:3rem 0 2.6rem}.hp-sec{padding-top:2.5rem}.hp-cta{padding:1.6rem}}
@media (prefers-reduced-motion:reduce){.hp-card,.hp-course,.hp-ca{transition:none}}
/* Visual Mode showcase (v21) */
.hp-vm{background:linear-gradient(135deg,#0b1f4b 0%,#0b1f4b 45%,#0a5cf0 100%);margin-top:3rem;padding:3.2rem 0;border-top:6px solid #fbbf0e;color:#dbe6ff}
.hp-vm .hp-kicker{color:#fbbf0e}.hp-vm-lead{color:#dbe6ff;font-size:1.05rem}
.hp-vm-list{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.65rem}.hp-vm-list li{display:flex;gap:.75rem;align-items:flex-start}
.hp-vm-list i{flex:0 0 2.1rem;height:2.1rem;border-radius:10px;background:rgba(251,191,14,.16);color:#fbbf0e;display:flex;align-items:center;justify-content:center;font-size:1.05rem}
.hp-vm-list b{display:block;color:#fff;font-size:.95rem}.hp-vm-list span{color:#b9c8ec;font-size:.86rem}
.hp-vm-shot{border-radius:16px;overflow:hidden;border:3px solid #fbbf0e;box-shadow:0 18px 50px rgba(0,0,0,.35);background:#fff}.hp-vm-shot img{width:100%;height:auto;display:block}
.hp-vm-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:1rem}.hp-vm-nums div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:.6rem;text-align:center}
.hp-vm-nums b{display:block;color:#fbbf0e;font-size:1.35rem;font-weight:800;font-variant-numeric:tabular-nums}.hp-vm-nums span{color:#c9d6f5;font-size:.78rem}
@media (max-width:575px){.hp-vm-nums{grid-template-columns:repeat(2,1fr)}}

/* v26 glossary showcase */
.hp-gl img{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:auto}
.hp-gl .hp-shot{border-radius:12px;overflow:hidden}
/* Why students choose us – feature screenshot on hover/focus (desktop) or tap (touch) */
.hp-why-card{position:relative;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}
.hp-why-card:hover,.hp-why-card:focus-visible,.hp-why-card.open{transform:translateY(-3px);box-shadow:0 10px 26px rgba(11,31,75,.14);border-color:#0a5cf0;outline:none}
.hp-why-card:focus-visible{box-shadow:0 0 0 3px #fbbf0e}
.hp-why-hint{display:inline-flex;gap:6px;align-items:center;margin-top:8px;font-size:.85rem;font-weight:600;color:#0a5cf0}
.hp-why-pop{position:absolute;left:50%;bottom:calc(100% + 12px);width:min(520px,90vw);margin:0;padding:6px;background:#0b1f4b;border-radius:14px;box-shadow:0 20px 50px rgba(11,31,75,.35);
 z-index:30;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,10px) scale(.96);transition:opacity .22s ease,transform .22s ease,visibility .22s}
.hp-why-pop::after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border:9px solid transparent;border-top-color:#0b1f4b}
.hp-why-pop img{display:block;width:100%;height:auto;border-radius:10px}
.hp-why-pop figcaption{color:#dbe4ff;font-size:.8rem;padding:6px 6px 2px}
.hp-why-card:hover .hp-why-pop,.hp-why-card:focus-visible .hp-why-pop,.hp-why-card.open .hp-why-pop{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}
@media (min-width:992px){.hp-why-c0 .hp-why-pop{left:0;transform:translate(0,10px)}.hp-why-c3 .hp-why-pop{left:auto;right:0;transform:translate(0,10px)}
 .hp-why-c0 .hp-why-pop::after{left:40px}.hp-why-c3 .hp-why-pop::after{left:auto;right:30px;transform:none}
 .hp-why-c0 .hp-why-card:is(:hover,:focus-visible,.open) .hp-why-pop,.hp-why-c3 .hp-why-card:is(:hover,:focus-visible,.open) .hp-why-pop{transform:none}}
@media (min-width:576px) and (max-width:991.98px){.hp-why-s0 .hp-why-pop{left:0;transform:translate(0,10px)}.hp-why-s1 .hp-why-pop{left:auto;right:0;transform:translate(0,10px)}
 .hp-why-s0 .hp-why-pop::after{left:40px}.hp-why-s1 .hp-why-pop::after{left:auto;right:30px;transform:none}
 .hp-why-s0 .hp-why-card:is(:hover,:focus-visible,.open) .hp-why-pop,.hp-why-s1 .hp-why-card:is(:hover,:focus-visible,.open) .hp-why-pop{transform:none}}
/* touch / phones: expand inline under the text instead of floating */
@media (hover:none),(max-width:575.98px){.hp-why-pop{position:static;width:100%;transform:none!important;max-height:0;padding:0;overflow:hidden;transition:max-height .35s ease,opacity .25s,margin .25s,padding .25s}
 .hp-why-pop::after{display:none}.hp-why-card:hover .hp-why-pop,.hp-why-card:focus-visible .hp-why-pop{opacity:0;visibility:hidden}
 .hp-why-card.open .hp-why-pop{opacity:1;visibility:visible;max-height:640px;padding:6px;margin-top:12px}}
@media (prefers-reduced-motion:reduce){.hp-why-card,.hp-why-pop{transition:none}}

/* v35 Atlas showcase */
.hp-atl{background:linear-gradient(135deg,#0b1f4b 0%,#0b1f4b 50%,#0a5cf0 100%);margin-top:3rem;padding:3.2rem 0;border-top:6px solid #fbbf0e;color:#dbe6ff}
.hp-atl .hp-kicker{color:#fbbf0e}.hp-atl-lead{color:#dbe6ff;font-size:1.05rem}
.hp-atl-card{background:#fff;border-radius:16px;border:3px solid #fbbf0e;box-shadow:0 18px 50px rgba(0,0,0,.35);padding:1rem;color:#0b1f4b}
.hp-atl-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.3rem;font-weight:800;margin-bottom:.4rem}.hp-atl-head i{color:#0a5cf0}.hp-atl-head small{font-weight:400;color:#6b7a99;font-size:.75rem}
.hp-atl-row{display:grid;grid-template-columns:1fr auto;gap:.15rem .8rem;padding:.55rem .3rem;border-top:1px solid #eef1f7;text-decoration:none;color:inherit;border-radius:8px}.hp-atl-row:hover{background:#f3f7ff}
.hp-atl-t{min-width:0}.hp-atl-t b{display:block;font-size:.92rem}.hp-atl-t span{font-size:.85rem;color:#44506b;overflow-wrap:anywhere}.hp-atl-t small{color:#8a94ab}
.hp-atl-r{text-align:right;white-space:nowrap}.hp-atl-r b{display:block;color:#0a5cf0;font-size:1.15rem;font-variant-numeric:tabular-nums}.hp-atl-r small{color:#6b7a99;font-size:.75rem}
.hp-atl-bar{grid-column:1/-1;height:6px;background:#e8edf7;border-radius:4px;overflow:hidden}.hp-atl-bar i{display:block;height:100%;background:linear-gradient(90deg,#0a5cf0,#fbbf0e)}
.hp-atl-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.8rem}.hp-atl-nums div{background:#0b1f4b;border-radius:10px;padding:.5rem;text-align:center}.hp-atl-nums b{display:block;color:#fbbf0e;font-size:1.3rem;font-weight:800}.hp-atl-nums span{color:#c9d6f5;font-size:.75rem}
.hp-atl-chips{display:flex;flex-wrap:wrap;gap:.45rem}.hp-atl-chips a{padding:.3rem .75rem;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;text-decoration:none;font-size:.85rem}.hp-atl-chips a:hover{background:#fbbf0e;color:#0b1f4b}
/* India Map Explorer showcase */
.hp-mx-k{color:#0a5cf0}.hp-mx .hp-h2{text-align:left}
.hp-mx-list{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}.hp-mx-list li{display:flex;gap:.7rem;align-items:flex-start}.hp-mx-list i{flex:0 0 2rem;height:2rem;border-radius:10px;background:#eaf1ff;color:#0a5cf0;display:flex;align-items:center;justify-content:center}.hp-mx-list b{display:block;color:#0b1f4b;font-size:.95rem}.hp-mx-list span{color:#475569;font-size:.86rem}
.hp-mx-cta{background:#0a5cf0;border-color:#0a5cf0;font-weight:700}.hp-mx-cta:hover{background:#0b1f4b;border-color:#0b1f4b}
.hp-mx-map{background:#fff;border:1px solid #e3e8f2;border-radius:16px;padding:10px;margin:0;box-shadow:0 10px 30px rgba(11,31,75,.08)}.hp-mx-map .mlm-map{border-radius:10px;overflow:hidden;min-height:260px}.hp-mx-map .mlm-note{min-height:2.6em;padding:6px 2px 0;color:#334155}
.hp-mx-cap{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-weight:700;color:#0b1f4b;font-size:.88rem;margin-bottom:6px}.hp-mx-cap i{color:#0a5cf0}.hp-mx-cap a{font-weight:600}
.hp-mx-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.hp-mx-nums div{background:#0b1f4b;border-radius:10px;padding:8px;text-align:center}.hp-mx-nums b{display:block;color:#fbbf0e;font-size:1.25rem;line-height:1.1}.hp-mx-nums span{color:#c7d3f1;font-size:.75rem}