CLAT UG LaunchPad 360 \u2014 Predictive & Analytical CLAT UG Test Series<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n <style>\n \/* \u2500\u2500 RESET & VARIABLES \u2500\u2500 *\/\n *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\n :root {\n --cream:#FAF8F4; --cream-mid:#f0e8d8; --cream-border:#e3dccb; --cards:#FFFFFF;\n --primary:#1E3A5F; --accent:#FF9F1C; --body-text:#6B7280;\n --navy:var(--primary); --navy-mid:#16324f; --navy-soft:#2f5c8f; --navy-muted:var(--body-text);\n --amber:var(--accent); --amber-light:#ffb347; --amber-bg:rgba(255,159,28,.10); --amber-border:rgba(255,159,28,.28);\n --green:#10b981; --white:#fff; --bg:var(--cream); --text-main:var(--primary); --text-muted:var(--body-text);\n --section-space:96px; --heading-to-para:32px; --para-to-content:32px;\n --radius-card:20px; --radius-btn:14px; --btn-height:56px; --transition-base:.3s ease;\n --shadow-card:0 10px 30px rgba(30,58,95,.08),0 2px 8px rgba(30,58,95,.04);\n --shadow-card-hover:0 22px 48px rgba(30,58,95,.14),0 4px 14px rgba(30,58,95,.06);\n }\n html { scroll-behavior:smooth; overflow-x:hidden; max-width:100%; }\n body { background:var(--bg); font-family:'Inter','Segoe UI',sans-serif; font-weight:400; overflow-x:hidden; max-width:100%; -webkit-font-smoothing:antialiased; color:var(--text-main); }\n a { text-decoration:none; color:inherit; }\n .icon { width:1em; height:1em; display:inline-block; vertical-align:-0.14em; flex-shrink:0; }\n h1,h2,h3,h4,.dash-htitle { font-family:'Plus Jakarta Sans','Segoe UI',sans-serif; font-weight:700; }\n a:focus-visible, button:focus-visible { outline:2.5px solid var(--accent); outline-offset:3px; border-radius:8px; }\n .reveal { opacity:0; transform:translateY(32px); transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1); }\n .reveal.in-view { opacity:1; transform:translateY(0); }\n @media (prefers-reduced-motion: reduce){ *,*::before,*::after{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important; } .reveal{ opacity:1; transform:none; } }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero-wrap { background:radial-gradient(ellipse 130% 70% at 65% -10%, #e9eff6 0%, var(--cream) 55%, #fdf1e2 100%); position:relative; overflow:hidden; }\n .blob { position:absolute; border-radius:50%; filter:blur(90px); opacity:.4; animation:blobFloat 9s ease-in-out infinite alternate; pointer-events:none; will-change:transform; }\n .blob-1 { width:560px; height:560px; background:radial-gradient(circle,var(--cream-mid),var(--cream-border)); top:-140px; left:-120px; }\n .blob-2 { width:440px; height:440px; background:radial-gradient(circle,var(--amber-light),var(--accent)); top:80px; right:-100px; animation-delay:2.5s; opacity:.15; }\n .blob-3 { width:320px; height:320px; background:radial-gradient(circle,var(--navy-soft),var(--navy)); bottom:60px; left:28%; animation-delay:5s; opacity:.1; }\n .blob-4 { width:200px; height:200px; background:radial-gradient(circle,var(--accent),var(--amber-light)); bottom:20%; right:20%; animation-delay:3s; opacity:.15; }\n @keyframes blobFloat { 0%{ transform:scale(1) translate(0,0); } 100%{ transform:scale(1.14) translate(24px,-22px); } }\n .grid-overlay { position:absolute; inset:0; background-image:linear-gradient(rgba(30,58,95,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(30,58,95,.03) 1px,transparent 1px); background-size:52px 52px; pointer-events:none; }\n .particles { position:absolute; inset:0; pointer-events:none; overflow:hidden; z-index:1; }\n .particle { position:absolute; border-radius:50%; animation:particleDrift linear infinite; }\n @keyframes particleDrift { 0%{ transform:translateY(105vh) rotate(0deg); opacity:0; } 8%{ opacity:.55; } 92%{ opacity:.28; } 100%{ transform:translateY(-80px) rotate(400deg); opacity:0; } }\n .hero { position:relative; z-index:5; display:grid; grid-template-columns:1.05fr 0.95fr; align-items:center; gap:40px; padding:var(--section-space) 48px 56px; max-width:1360px; margin:0 auto; }\n .hero-left { display:flex; flex-direction:column; gap:22px; min-width:0; animation:fadeLeft .85s .15s cubic-bezier(.22,1,.36,1) both; }\n @keyframes fadeLeft { from{ opacity:0; transform:translateX(-44px); } to{ opacity:1; transform:translateX(0); } }\n .badge { display:inline-flex; align-items:center; gap:9px; background:var(--amber-bg); border:1px solid var(--amber-border); border-radius:28px; padding:8px 18px; width:fit-content; }\n .badge-dot { width:7px; height:7px; background:var(--accent); border-radius:50%; animation:pulseDot 2.2s infinite; }\n @keyframes pulseDot { 0%,100%{ box-shadow:0 0 0 0 rgba(255,159,28,.5); } 50%{ box-shadow:0 0 0 7px rgba(255,159,28,0); } }\n .badge-text { font-family:'Inter',sans-serif; font-size:11.5px; font-weight:600; color:var(--accent); letter-spacing:1.3px; text-transform:uppercase; }\n .hero-title { font-family:'Plus Jakarta Sans',sans-serif; font-size:clamp(34px,4.6vw,60px); font-weight:700; color:var(--text-main); line-height:1.06; letter-spacing:-.5px; }\n .hero-title .gradient-text { display:inline-block; background:linear-gradient(108deg, var(--navy-mid) 0%, var(--accent) 60%, var(--amber-light) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; background-size:200% auto; animation:textShimmer 4s linear infinite; }\n @keyframes textShimmer { 0%{ background-position:0% center; } 100%{ background-position:200% center; } }\n .hero-sub { font-family:'Inter',sans-serif; font-weight:400; font-size:17px; color:var(--text-muted); line-height:1.65; max-width:480px; margin-top:6px; }\n .hero-sub-list { font-family:'Inter',sans-serif; font-weight:400; font-size:17px; color:var(--text-muted); line-height:1.7; max-width:470px; padding-left:20px; margin:var(--heading-to-para) 0 0; }\n .hero-sub-list li { margin-bottom:8px; }\n .stats-row { display:flex; align-items:stretch; gap:0; margin-top:8px; flex-wrap:wrap; }\n .stat-item { display:flex; flex-direction:column; gap:3px; padding:0 24px; }\n .stat-item:first-child { padding-left:0; }\n .stat-num { font-family:'Plus Jakarta Sans',sans-serif; font-size:28px; font-weight:700; background:linear-gradient(120deg,var(--navy),var(--navy-soft)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }\n .stat-label { font-family:'Inter',sans-serif; font-size:12px; color:var(--text-muted); font-weight:500; }\n .stat-divider { width:1px; background:rgba(30,58,95,.18); margin:4px 0; }\n .hero-cta { display:flex; align-items:center; gap:16px; margin-top:8px; flex-wrap:wrap; }\n .btn-primary { display:flex; align-items:center; gap:11px; background:linear-gradient(135deg,var(--accent),var(--amber-light)); color:white; border:none; border-radius:var(--radius-btn); min-height:var(--btn-height); padding:14px 34px; max-width:100%; white-space:normal; font-family:'Inter',sans-serif; font-size:16px; font-weight:600; cursor:pointer; transition:all var(--transition-base); box-shadow:0 16px 40px rgba(255,159,28,.38); letter-spacing:.2px; position:relative; overflow:hidden; }\n .btn-primary:hover { transform:translateY(-4px) scale(1.02); box-shadow:0 24px 54px rgba(255,159,28,.5); }\n .btn-secondary { display:flex; align-items:center; gap:11px; background:#fff; color:var(--navy); border:1.5px solid var(--cream-border); border-radius:var(--radius-btn); min-height:var(--btn-height); padding:14px 30px; font-family:'Inter',sans-serif; font-size:16px; font-weight:600; cursor:pointer; transition:all var(--transition-base); }\n .btn-secondary:hover { border-color:var(--amber-border); background:var(--amber-bg); transform:translateY(-2px); }\n .btn-arrow { width:34px; height:34px; background:rgba(255,255,255,.24); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:17px; flex-shrink:0; transition:transform var(--transition-base); }\n .btn-primary:hover .btn-arrow { transform:translateX(3px); }\n .trust-row { display:flex; align-items:center; gap:14px; flex-wrap:wrap; }\n .trust-avatars { display:flex; }\n .trust-avatars .av { width:44px; height:44px; border-radius:50%; border:2.5px solid var(--cream); overflow:hidden; display:flex; align-items:center; justify-content:center; margin-left:-12px; flex-shrink:0; color:#fff; font-family:'Plus Jakarta Sans',sans-serif; font-weight:700; font-size:16px; box-shadow:0 4px 10px rgba(30,58,95,.15); }\n .trust-avatars .av:first-child { margin-left:0; }\n .av-1 { background:linear-gradient(135deg,var(--navy-soft),var(--navy)); } .av-2 { background:linear-gradient(135deg,var(--amber-light),var(--accent)); }\n .av-3 { background:linear-gradient(135deg,var(--navy-mid),var(--navy)); } .av-4 { background:linear-gradient(135deg,#f59e0b,#ea580c); }\n .av-5 { background:linear-gradient(135deg,var(--navy-muted),var(--navy-mid)); }\n .trust-text { font-family:'Inter',sans-serif; font-size:13px; color:var(--text-muted); line-height:1.5; }\n .trust-text strong { color:var(--text-main); font-weight:700; }\n\n \/* DASHBOARD RIGHT SIDE (Reduced Size & Centered Elements) *\/\n .hero-right { display:flex; flex-direction:column; justify-content:flex-start; align-items:center; position:relative; animation:fadeRight .9s .25s cubic-bezier(.22,1,.36,1) both; }\n @keyframes fadeRight { from{ opacity:0; transform:translateX(44px); } to{ opacity:1; transform:translateX(0); } }\n \n .dashboard-scene { width:100%; max-width:600px; position:relative; margin: 0 auto; }\n .dashboard-card { background:rgba(255,255,255,.94); backdrop-filter:blur(24px); border:1px solid var(--cream-border); border-radius:20px; padding:24px; transform:perspective(1000px) rotateY(-10deg) rotateX(4deg); box-shadow:40px 44px 110px rgba(30,58,95,.16),0 10px 34px rgba(30,58,95,.08),inset 0 1px 0 rgba(255,255,255,1); animation:dashFloat 7s ease-in-out infinite; position:relative; z-index:10; margin-left:32px; }\n @keyframes dashFloat { 0%,100%{ transform:perspective(1000px) rotateY(-10deg) rotateX(4deg) translateY(0); } 50%{ transform:perspective(1000px) rotateY(-8deg) rotateX(2deg) translateY(-10px); } }\n .dash-sidebar { position:absolute; left:-12px; top:50%; transform:translateY(-50%); z-index:20; display:flex; flex-direction:column; gap:8px; background:rgba(255,255,255,.95); backdrop-filter:blur(14px); border:1px solid var(--cream-border); border-radius:14px; padding:10px 8px; box-shadow:10px 16px 42px rgba(30,58,95,.1); animation:dashFloat 7s 1s ease-in-out infinite; }\n .sb-dot { width:28px; height:28px; border-radius:8px; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all var(--transition-base); background:transparent; }\n .sb-dot:hover { background:var(--cream-mid); transform:scale(1.08); }\n .sb-dot.active { background:linear-gradient(135deg,var(--accent),var(--amber-light)); box-shadow:0 4px 14px rgba(255,159,28,.35); }\n .sb-dot svg { width:14px; height:14px; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }\n .sb-dot.active svg { stroke:white; } .sb-dot:not(.active) svg { stroke:var(--navy-muted); }\n \n .dash-header { display:flex; align-items:center; gap:10px; margin-bottom:16px; }\n .dash-hicon { width:30px; height:30px; background:linear-gradient(135deg,var(--navy),var(--navy-mid)); border-radius:8px; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 14px rgba(30,58,95,.2); }\n .dash-hicon svg { width:16px; height:16px; fill:none; stroke:white; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }\n .dash-htitle { font-size:16px; font-weight:700; color:var(--text-main); }\n .dash-dots { margin-left:auto; display:flex; gap:6px; }\n .dash-dot { width:10px; height:10px; border-radius:50%; }\n .dd-r { background:#ef4444; } .dd-y { background:#f59e0b; } .dd-g { background:#10b981; }\n \n .dash-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }\n .score-card { background:linear-gradient(135deg,var(--cream),var(--cream-mid)); border:1px solid var(--cream-border); border-radius:16px; padding:16px; display:flex; flex-direction:column; align-items:center; gap:12px; box-shadow:var(--shadow-card); transition:transform var(--transition-base),box-shadow var(--transition-base); }\n .score-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-card-hover); }\n .card-label { font-family:'Inter',sans-serif; font-size:10.5px; font-weight:700; color:var(--text-muted); text-transform:uppercase; letter-spacing:.9px; }\n .ring-wrap { position:relative; width:90px; height:90px; }\n .ring-svg { width:90px; height:90px; transform:rotate(-90deg); }\n .ring-bg { fill:none; stroke:rgba(30,58,95,.1); stroke-width:8; }\n .ring-fg { fill:none; stroke-width:8; stroke-linecap:round; stroke-dasharray:295; stroke-dashoffset:295; animation:ringDraw 2s .6s cubic-bezier(.22,1,.36,1) forwards; }\n @keyframes ringDraw { to{ stroke-dashoffset:44; } }\n .ring-text { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; }\n .ring-num { font-family:'Plus Jakarta Sans',sans-serif; font-size:24px; font-weight:700; color:var(--text-main); line-height:1; }\n .ring-denom { font-family:'Inter',sans-serif; font-size:11px; color:var(--text-muted); }\n \n .potential-card { background:var(--cards); border:1px solid var(--cream-border); border-radius:16px; padding:16px; display:flex; flex-direction:column; gap:8px; box-shadow:var(--shadow-card); transition:transform var(--transition-base),box-shadow var(--transition-base); }\n .potential-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-card-hover); }\n .potential-val { font-family:'Plus Jakarta Sans',sans-serif; font-size:17px; font-weight:700; color:#10b981; }\n .sparkline-svg { width:100%; height:50px; overflow:visible; }\n .spark-area { fill:url(#sparkFill); }\n .spark-line { fill:none; stroke:url(#sparkStroke); stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:400; stroke-dashoffset:400; animation:sparkDraw 2s 1s ease forwards; }\n @keyframes sparkDraw { to{ stroke-dashoffset:0; } }\n \n .dash-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:14px; }\n .stat-card { background:var(--cards); border:1px solid var(--cream-border); border-radius:14px; padding:12px 10px; box-shadow:var(--shadow-card); transition:transform var(--transition-base),box-shadow var(--transition-base); }\n .stat-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-card-hover); }\n .stat-card-label { font-family:'Inter',sans-serif; font-size:10px; color:var(--text-muted); font-weight:600; margin-bottom:5px; text-transform:uppercase; letter-spacing:.7px; }\n .stat-card-num { font-family:'Plus Jakarta Sans',sans-serif; font-size:20px; font-weight:700; color:var(--text-main); margin-bottom:6px; }\n .prog-bar { height:5px; border-radius:4px; background:rgba(30,58,95,.1); overflow:hidden; }\n .prog-fill { height:100%; border-radius:4px; animation:barGrow 1.6s .9s ease both; }\n @keyframes barGrow { from{ width:0 !important; } }\n \n .dash-breakdown { margin-top:14px; background:var(--cards); border:1px solid var(--cream-border); border-radius:14px; padding:14px 16px 16px; box-shadow:var(--shadow-card); }\n .dash-breakdown-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }\n .dash-breakdown-head span { font-family:'Inter',sans-serif; font-size:10px; font-weight:700; color:var(--text-muted); text-transform:uppercase; letter-spacing:.7px; }\n .dash-breakdown-head b { font-family:'Plus Jakarta Sans',sans-serif; font-size:11px; color:var(--navy); }\n .breakdown-row { display:grid; grid-template-columns:100px 1fr 34px; align-items:center; gap:10px; margin-bottom:8px; }\n .breakdown-row:last-child { margin-bottom:0; }\n .breakdown-label { font-family:'Inter',sans-serif; font-size:11.5px; font-weight:600; color:var(--navy); }\n .breakdown-bar { height:6px; border-radius:4px; background:rgba(30,58,95,.08); overflow:hidden; }\n .breakdown-fill { height:100%; border-radius:4px; animation:barGrow 1.6s .9s ease both; }\n .breakdown-pct { font-family:'Plus Jakarta Sans',sans-serif; font-size:11px; font-weight:700; color:var(--navy-muted); text-align:right; }\n \n .side-pills { position:absolute; right:-110px; top:50%; transform:translateY(-50%); display:flex; flex-direction:column; gap:12px; z-index:20; }\n .pill { display:flex; align-items:flex-start; gap:8px; background:var(--cards); border:1px solid var(--cream-border); border-radius:14px; padding:10px 12px; width:140px; box-shadow:10px 14px 36px rgba(30,58,95,.09); backdrop-filter:blur(10px); animation:pillFloat 6s ease-in-out infinite; transition:transform var(--transition-base),box-shadow var(--transition-base); }\n .pill:hover { transform:translateY(-6px) scale(1.03); box-shadow:14px 20px 44px rgba(255,159,28,.18); }\n .pill:nth-child(1){ animation-delay:0s; } .pill:nth-child(2){ animation-delay:2s; } .pill:nth-child(3){ animation-delay:4s; }\n @keyframes pillFloat { 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-8px); } }\n .pill-ico { width:28px; height:28px; border-radius:8px; flex-shrink:0; display:flex; align-items:center; justify-content:center; }\n .pill-ico svg { width:14px; height:14px; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }\n .pill-ico.ai { background:rgba(30,58,95,.08); } .pill-ico.ai svg { stroke:var(--navy); }\n .pill-ico.trust { background:var(--amber-bg); } .pill-ico.trust svg { stroke:var(--accent); }\n .pill-ico.rt { background:rgba(47,92,143,.1); } .pill-ico.rt svg { stroke:var(--navy-soft); }\n .pill-head { font-family:'Plus Jakarta Sans',sans-serif; font-size:11px; font-weight:700; color:var(--text-main); line-height:1.3; }\n .pill-sub { font-family:'Inter',sans-serif; font-size:10px; color:var(--text-muted); line-height:1.4; margin-top:2px; }\n\n \/* Centered Text below the dashboard *\/\n .hero-below-heading { width:100%; max-width:600px; margin:32px auto 0 auto; text-align:center; padding-left:32px; box-sizing:border-box; }\n .hero-below-kicker { font-family:'Inter',sans-serif; font-size:12px; font-weight:700; color:var(--accent); letter-spacing:1px; text-transform:uppercase; margin-bottom:8px; text-align:center; }\n .hero-below-heading h2 { font-family:'Plus Jakarta Sans',sans-serif; font-size:clamp(20px,2.2vw,28px); font-weight:400; color:var(--navy); line-height:1.25; margin-bottom:4px; text-align:center; }\n .hero-below-heading h2 strong { font-weight:800; }\n .hero-below-heading h3 { font-family:'Plus Jakarta Sans',sans-serif; font-size:clamp(16px,1.8vw,20px); font-weight:400; color:var(--navy-muted); line-height:1.3; text-align:center; }\n .hero-below-heading h3 strong { font-weight:800; color:var(--navy); }\n\n \/* \u2500\u2500 FOUNDATION \/ COVERAGE \u2500\u2500 *\/\n .foundation-wrap { background:var(--cream-mid); padding:var(--section-space) 24px; }\n .foundation-inner { max-width:1360px; margin:0 auto; display:grid; grid-template-columns:0.95fr 1.15fr; gap:56px; align-items:start; }\n .foundation-left { display:flex; flex-direction:column; gap:16px; }\n .foundation-badge { display:inline-flex; align-items:center; gap:8px; background:#ffffff; border:1px solid var(--cream-border); padding:8px 16px; border-radius:30px; font-family:'Inter', sans-serif; font-size:12px; font-weight:700; color:var(--accent); text-transform:uppercase; letter-spacing:1px; width:fit-content; box-shadow: 0 4px 10px rgba(0,0,0,0.03); margin-bottom: 4px; }\n .foundation-badge i { color:var(--navy); font-size:14px; }\n .foundation-h2 { font-family:'Plus Jakarta Sans',sans-serif; font-size:clamp(32px,4vw,48px); font-weight:800; line-height:1.15; color:var(--navy); margin-bottom:4px; letter-spacing:-1px; }\n .foundation-h2 .hi { color:var(--accent); }\n .foundation-sub { font-family:'Plus Jakarta Sans',sans-serif; font-size:15px; font-weight:700; color:var(--navy-soft); margin-bottom: 12px; letter-spacing: 0.2px; }\n \n .foundation-timeline { display:flex; flex-direction:column; gap:16px; margin: 12px 0 20px 0; list-style:none; padding:0; }\n .foundation-timeline li { display:flex; align-items:flex-start; gap:14px; padding-bottom:16px; border-bottom:1px solid rgba(30,58,95,0.08); }\n .foundation-timeline li:last-child { border-bottom:none; padding-bottom:0; }\n .ftl-icon { font-size:18px; margin-top:2px; flex-shrink:0; }\n .ftl-text { font-family:'Inter',sans-serif; font-size:14px; color:var(--navy-muted); line-height:1.6; }\n .ftl-text strong { color:var(--navy); font-weight:700; }\n \n .foundation-features-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom: 8px; }\n .ff-card { background:#ffffff; border:1px solid var(--cream-border); border-radius:12px; padding:14px 16px; display:flex; align-items:center; gap:12px; box-shadow: 0 4px 12px rgba(30,58,95,0.04); transition: transform 0.3s ease; }\n .ff-card:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(30,58,95,0.08); }\n .ff-icon { font-size:18px; flex-shrink:0; }\n .ff-card span { font-family:'Plus Jakarta Sans',sans-serif; font-size:12.5px; font-weight:700; color:var(--navy); line-height:1.3; }\n \n @media(max-width:640px) { .foundation-features-grid { grid-template-columns:1fr; } }\n \n .video-headline { text-align: left; font-family: 'Plus Jakarta Sans', sans-serif; font-size: clamp(32px, 4vw, 48px); font-weight: 800; line-height: 1.15; color: var(--navy); margin: 36px 0 24px 0; letter-spacing: -1px; }\n .video-headline-highlight { color: var(--accent); }\n\n .mapping-card { width:100%; background:var(--cards); border-radius:var(--radius-card); overflow:hidden; box-shadow:var(--shadow-card-hover); border:1px solid var(--cream-border); transition:transform var(--transition-base); }\n .mapping-card:hover { transform:translateY(-6px); }\n .cvs-video-placeholder { width:100%; aspect-ratio:16\/7; background:radial-gradient(circle at 30% 25%, rgba(255,159,28,.55) 0%, rgba(255,159,28,0) 45%),radial-gradient(circle at 75% 70%, rgba(47,92,143,.55) 0%, rgba(47,92,143,0) 50%),linear-gradient(135deg,var(--navy) 0%,var(--navy-mid) 55%,#0c2740 100%); display:flex; align-items:center; justify-content:center; cursor:pointer; position:relative; overflow:hidden; }\n .cvs-video-placeholder::before { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); background-size:34px 34px; opacity:.5; }\n .cvs-video-badge { position:absolute; top:16px; left:16px; background:rgba(255,255,255,.14); backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,.25); color:#fff; font-family:'Inter',sans-serif; font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:6px 12px; border-radius:100px; z-index:2; }\n .cvs-video-duration { position:absolute; bottom:16px; right:16px; background:rgba(0,0,0,.45); color:#fff; font-family:'Inter',sans-serif; font-size:12px; font-weight:600; padding:5px 10px; border-radius:8px; z-index:2; }\n .cvs-play-btn { width:76px; height:76px; border-radius:50%; background:rgba(255,255,255,.16); border:1.5px solid rgba(255,255,255,.4); display:flex; align-items:center; justify-content:center; transition:transform var(--transition-base),background var(--transition-base); position:relative; z-index:2; box-shadow:0 12px 30px rgba(0,0,0,.25); }\n .cvs-play-btn::after { content:''; position:absolute; inset:-8px; border-radius:50%; border:2px solid rgba(255,255,255,.35); animation:ringPulse 2.6s ease-out infinite; }\n .cvs-video-placeholder:hover .cvs-play-btn { transform:scale(1.1); background:var(--accent); border-color:var(--accent); }\n .cvs-play-btn svg { width:26px; height:26px; fill:#fff; margin-left:4px; }\n @keyframes ringPulse { 0%{ transform:scale(.85); opacity:.9; } 100%{ transform:scale(1.35); opacity:0; } }\n\n \/* Compact Language Block *\/\n .cvs-lang-block { padding: 16px 20px 20px; }\n .cvs-lang-title { text-align:center; font-family:'Plus Jakarta Sans',sans-serif; font-size:14px; font-weight:800; color:var(--navy); margin-bottom:12px; }\n .cvs-lang-grid { display:grid; grid-template-columns:repeat(6, 1fr); gap:8px; width: 100%; overflow-x: auto; scrollbar-width: none; }\n .cvs-lang-grid::-webkit-scrollbar { display: none; }\n .cvs-lang-pill { display:flex; flex-direction:column; align-items:center; gap:4px; background:var(--cream); border:1.5px solid var(--cream-border); border-radius:12px; padding:10px 4px; cursor:pointer; transition:all var(--transition-base); min-width: 60px; }\n .cvs-lang-pill.active { border-color:var(--accent); background:linear-gradient(135deg,var(--accent),var(--amber-light)); box-shadow:0 8px 20px rgba(255,159,28,.3); transform:translateY(-2px); }\n .cvs-lang-pill.active .cvs-lang-glyph, .cvs-lang-pill.active span { color:#fff; }\n .cvs-lang-pill:hover { border-color:var(--amber-border); transform:translateY(-2px); }\n .cvs-lang-glyph { font-size:16px; font-weight:800; color:var(--navy-soft); }\n .cvs-lang-pill span { font-family:'Inter',sans-serif; font-size:10.5px; font-weight:700; color:var(--navy); white-space: nowrap; }\n\n @media(max-width:960px){ .foundation-inner{ grid-template-columns:1fr; gap:36px; } }\n @media(max-width:700px){\n .cvs-lang-grid { display: flex; flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; }\n .cvs-lang-pill { flex: 0 0 calc(33.333% - 6px); scroll-snap-align: start; }\n }\n @media(max-width:520px){ .analytics-grid{ grid-template-columns:1fr 1fr; } }\n\n \/* ===== EXAM DASH GAME SECTION ===== *\/\n .game-section { width:100%; padding:var(--section-space) 24px; background:var(--cream); font-family:'Inter',sans-serif; }\n .game-container { max-width:1400px; margin:0 auto; background:linear-gradient(160deg,var(--navy) 0%,var(--navy-mid) 100%); border-radius:var(--radius-card); padding:36px 40px; display:grid; grid-template-columns:0.85fr 1.15fr; gap:36px; align-items:center; position:relative; overflow:hidden; box-shadow:var(--shadow-card-hover); }\n .game-container::before { content:''; position:absolute; width:260px; height:260px; border-radius:50%; background:radial-gradient(circle,rgba(255,159,28,.18) 0%,rgba(255,159,28,0) 70%); top:-100px; right:-60px; pointer-events:none; }\n .game-container::after { content:''; position:absolute; width:220px; height:220px; border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.06) 0%,rgba(255,255,255,0) 70%); bottom:-100px; left:-60px; pointer-events:none; }\n .game-copy { position:relative; z-index:1; }\n .game-badge { display:inline-flex; align-items:center; gap:8px; padding:7px 16px; background:rgba(255,255,255,.08); border:1px solid rgba(255,159,28,.35); border-radius:100px; font-family:'Inter',sans-serif; font-size:11px; font-weight:700; color:var(--amber-light); text-transform:uppercase; letter-spacing:.5px; margin-bottom:14px; }\n .game-title { font-family:'Plus Jakarta Sans',sans-serif; font-size:clamp(22px,2.6vw,30px); font-weight:800; color:#fff; line-height:1.22; margin-bottom:10px; }\n .game-title span { color:var(--amber-light); }\n .game-desc { font-family:'Inter',sans-serif; font-size:14px; line-height:1.7; color:rgba(255,255,255,.72); max-width:420px; margin-bottom:18px; }\n .game-howto { display:flex; flex-direction:column; gap:10px; margin-bottom:4px; }\n .game-howto-item { display:flex; align-items:center; gap:10px; font-family:'Inter',sans-serif; font-size:12.5px; color:rgba(255,255,255,.82); font-weight:600; }\n .game-howto-item .key { display:inline-flex; align-items:center; justify-content:center; min-width:26px; height:26px; padding:0 8px; border-radius:7px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.18); font-family:'Plus Jakarta Sans',sans-serif; font-size:11px; font-weight:700; color:var(--amber-light); }\n .game-panel { position:relative; z-index:1; }\n .exam-runner-wrap { width:100%; }\n .exam-runner-card { width:100%; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(10px); border-radius:16px; padding:16px 16px 14px; box-shadow:0 12px 30px rgba(0,0,0,.18); }\n .exam-runner-head { display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:10px; flex-wrap:wrap; }\n .exam-runner-title { font-family:'Plus Jakarta Sans',sans-serif; font-size:12px; font-weight:800; color:#fff; letter-spacing:.3px; text-transform:uppercase; text-align:left; }\n .exam-runner-title span { font-family:'Inter',sans-serif; font-weight:500; text-transform:none; color:rgba(255,255,255,.55); letter-spacing:0; }\n .exam-runner-score { font-family:'Plus Jakarta Sans',sans-serif; font-size:13px; font-weight:800; color:var(--amber-light); white-space:nowrap; }\n .exam-runner-canvas-wrap { position:relative; border-radius:10px; overflow:hidden; cursor:pointer; outline:none; }\n .exam-runner-canvas-wrap:focus-visible { outline:2px solid var(--amber-light); outline-offset:2px; }\n #examRunnerCanvas { display:block; width:100%; height:auto; }\n .exam-runner-overlay { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; background:rgba(12,39,64,.62); backdrop-filter:blur(2px); color:#fff; font-family:'Inter',sans-serif; text-align:center; padding:10px; }\n .exam-runner-overlay strong { font-family:'Plus Jakarta Sans',sans-serif; font-size:14px; }\n .exam-runner-overlay span { font-size:11px; color:rgba(255,255,255,.75); }\n @media(max-width:900px){\n .game-container { grid-template-columns:1fr; padding:28px 24px; }\n .game-desc { max-width:none; }\n }\n @media(max-width:600px){\n .game-container { padding:20px 16px; border-radius:16px; gap:20px; }\n .game-badge { font-size:10px; padding:6px 12px; margin-bottom:10px; }\n .game-title { font-size:19px; line-height:1.25; margin-bottom:8px; }\n .game-desc { font-size:13px; line-height:1.6; margin-bottom:14px; }\n .game-howto { gap:8px; margin-bottom:0; }\n .game-howto-item { font-size:11.5px; }\n .game-howto-item .key { min-width:24px; height:24px; font-size:10px; }\n .exam-runner-card { padding:14px 14px 12px; border-radius:14px; }\n .exam-runner-head { margin-bottom:8px; }\n .exam-runner-title { font-size:11px; }\n .exam-runner-score { font-size:13px; }\n }\n\n \/* \u2500\u2500 SUPERSTORE \u2500\u2500 *\/\n .other-exams-section { padding:var(--section-space) 40px; background:var(--cream); font-family:'Inter',sans-serif; }\n .exams-grid { max-width:1360px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:stretch; }\n .exam-card-wrapper { background:#fff; padding:40px; border-radius:var(--radius-card); border:1px solid var(--cream-border); box-shadow:var(--shadow-card); display:flex; flex-direction:column; height:100%; box-sizing:border-box; }\n .guide-card-wrapper { background:var(--cream-mid); padding:40px; border-radius:var(--radius-card); border:1px solid var(--cream-border); box-shadow:var(--shadow-card); display:flex; flex-direction:column; height:100%; box-sizing:border-box; }\n .exam-card-wrapper>p, .guide-card-wrapper>p { color:var(--navy-muted); font-size:15px; line-height:1.7; margin-bottom:28px; font-family:'Inter',sans-serif; }\n .exam-row { display:flex; align-items:center; justify-content:space-between; padding:20px; background:var(--cream); border-radius:16px; margin-bottom:16px; border:1px solid var(--cream-border); transition:transform var(--transition-base),box-shadow var(--transition-base); }\n .exam-row:last-child { margin-bottom:0; }\n .exam-row:hover { transform:translateY(-2px); box-shadow:var(--shadow-card-hover); }\n .exam-row-left { display:flex; align-items:center; gap:16px; }\n .exam-icon { width:48px; height:48px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:20px; flex-shrink:0; }\n .icon-neet { background:rgba(220,38,38,.1); color:#dc2626; }\n .icon-cuetug { background:rgba(16,185,129,.1); color:#10b981; }\n .icon-ipmat { background:rgba(47,92,143,.1); color:var(--navy-soft); }\n .icon-clat { background:var(--amber-bg); color:var(--accent); }\n .icon-cma { background:rgba(124,58,237,.1); color:#7c3aed; }\n .icon-nata { background:rgba(15,76,117,.1); color:var(--navy-mid); }\n .exam-row-info h4 { font-family:'Plus Jakarta Sans',sans-serif; font-size:16px; font-weight:700; color:var(--navy); margin-bottom:3px; }\n .exam-row-info p { font-size:12.5px; color:var(--navy-muted); line-height:1.5; }\n .exam-row-btn { background:transparent; border:1px solid var(--cream-border); padding:9px 16px; border-radius:20px; font-family:'Inter',sans-serif; font-weight:700; font-size:13px; cursor:pointer; transition:all var(--transition-base); white-space:nowrap; flex-shrink:0; }\n .btn-neet { color:#dc2626; } .btn-neet:hover { border-color:#dc2626; background:rgba(220,38,38,.05); }\n .btn-cuetug { color:#10b981; } .btn-cuetug:hover { border-color:#10b981; background:rgba(16,185,129,.05); }\n .btn-ipmat { color:var(--navy-soft); } .btn-ipmat:hover { border-color:var(--navy-soft); background:rgba(47,92,143,.05); }\n .btn-clat { color:var(--accent); } .btn-clat:hover { border-color:var(--accent); background:var(--amber-bg); }\n .btn-cma { color:#7c3aed; } .btn-cma:hover { border-color:#7c3aed; background:rgba(124,58,237,.05); }\n .btn-nata { color:var(--navy-mid); } .btn-nata:hover { border-color:var(--navy-mid); background:rgba(15,76,117,.05); }\n\n .guide-card-wrapper h2 { font-family:'Plus Jakarta Sans',sans-serif; font-size:clamp(24px,2.8vw,32px); font-weight:800; color:var(--navy); margin-bottom:14px; line-height:1.3; display:flex; align-items:flex-start; gap:12px; }\n .guide-card-wrapper h2 i { color:var(--accent); background:var(--amber-bg); width:40px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:50%; font-size:18px; flex-shrink:0; }\n .guide-card-wrapper h2 span { color:var(--accent); }\n .guide-content-split { display:flex; gap:20px; margin-bottom:30px; flex:1; }\n .guide-list { display:flex; flex-direction:column; gap:24px; flex:1; }\n .guide-item { display:flex; gap:16px; }\n .guide-item-icon { color:var(--accent); font-size:20px; margin-top:2px; flex-shrink:0; }\n .guide-item-text h4 { font-family:'Plus Jakarta Sans',sans-serif; font-size:15px; font-weight:700; color:var(--navy); margin-bottom:4px; }\n .guide-item-text p { font-size:13px; color:var(--navy-muted); line-height:1.55; }\n .guide-illustration { flex:1; display:flex; align-items:center; justify-content:center; }\n .guide-illustration img { max-width:100%; height:auto; max-height:260px; }\n\n .mgci-box { background:var(--cards); border:1px solid var(--cream-border); padding:24px 26px; border-radius:16px; display:flex; align-items:center; gap:20px; margin-bottom:18px; box-sizing:border-box; }\n .mgci-logo { font-family:'Plus Jakarta Sans',sans-serif; font-weight:800; font-size:20px; color:var(--accent); line-height:1.2; flex-shrink:0; }\n .mgci-logo small { display:block; font-size:9.5px; font-weight:700; letter-spacing:1px; color:var(--navy-muted); margin-top:4px; font-family:'Inter',sans-serif; }\n .mgci-text { font-size:14px; color:var(--navy-muted); line-height:1.6; font-family:'Inter',sans-serif; }\n .mgci-text strong { color:var(--navy); }\n\n .guide-btn { background:linear-gradient(135deg,var(--accent),var(--amber-light)); color:#fff; padding:18px 24px; border-radius:14px; width:100%; display:flex; justify-content:space-between; align-items:center; text-decoration:none; font-weight:700; font-size:14px; font-family:'Inter',sans-serif; transition:transform var(--transition-base),box-shadow var(--transition-base); margin-top:auto; box-shadow:0 10px 26px rgba(255,159,28,.28); }\n .guide-btn:hover { transform:translateY(-2px); box-shadow:0 16px 34px rgba(255,159,28,.4); }\n .guide-btn i { background:rgba(255,255,255,.22); width:28px; height:28px; display:flex; align-items:center; justify-content:center; border-radius:50%; flex-shrink:0; transition:transform var(--transition-base); }\n .guide-btn:hover i { transform:translateX(5px); }\n\n @media(min-width:901px){ .guide-content-split{ flex:1; } .guide-list{ gap:48px; } .guide-illustration img{ max-width:340px; } .mgci-box{ min-height:150px; align-items:center; } }\n @media(max-width:1100px){ \n .exams-grid{ grid-template-columns:1fr; }\n .hero-below-heading { padding-left: 0; margin: 32px auto 0; }\n .dashboard-card { margin-left: 0; }\n }\n @media(max-width:640px){ .exam-card-wrapper, .guide-card-wrapper{ padding:26px 20px; } .exam-row{ flex-direction:column; align-items:stretch; text-align:center; gap:10px; } .exam-row-left{ flex-direction:column; } .guide-content-split{ flex-direction:column; } .mgci-box{ flex-direction:column; text-align:center; gap:16px; padding:24px 20px; } }\n\n \/* \u2500\u2500 CLAT SYLLABUS SECTION \u2500\u2500 UPDATED \u2500\u2500 *\/\n #clat-syllabus-section {\n background: #fdf5ea;\n padding: 50px 24px 40px;\n}\n\n#clat-syllabus-section .clat-syllabus-container {\n max-width: 1400px;\n margin: 0 auto;\n width: 100%;\n}\n\n\/* CLAT syllabus heading *\/\n#clat-syllabus-section .clat-syllabus-heading {\n width: 100%;\n margin: 0 auto 42px;\n padding: 0 16px;\n text-align: center;\n}\n\n#clat-syllabus-section .clat-syllabus-heading h2 {\n margin: 0;\n color: #1e3a5f;\n font-family: \"Plus Jakarta Sans\", sans-serif;\n font-size: clamp(30px, 3.2vw, 46px);\n font-weight: 800;\n line-height: 1.18;\n letter-spacing: -1px;\n}\n\n#clat-syllabus-section .clat-syllabus-heading p {\n margin: 10px 0 0;\n color: #6b7280;\n font-family: \"Inter\", sans-serif;\n font-size: 18px;\n line-height: 1.5;\n}\n\n \/* \u2500\u2500 NEW: Choose-your-section wheel + pricing table (side-by-side, table LEFT \/ wheel RIGHT) \u2500\u2500 *\/\n #clat-syllabus-section .csw-layout {\n display: grid;\n grid-template-columns: minmax(460px, 1.3fr) minmax(300px, 0.7fr);\n align-items: center;\n justify-content: stretch;\n column-gap: 48px;\n row-gap: 40px;\n width: 100%;\n padding-top: 28px;\n }\n \/* table on the left, wheel on the right, regardless of source order *\/\n #clat-syllabus-section .pricing-table-wrap { order: 1; }\n #clat-syllabus-section .csw-wheel { order: 2; }\n\n #clat-syllabus-section .csw-wheel {\n position: relative;\n width: 100%;\n max-width: 460px;\n aspect-ratio: 1;\n margin: 0 auto;\n border-radius: 50%;\n animation: wheelSpin 45s linear infinite;\n container-type: inline-size;\n overflow: visible;\n }\n #clat-syllabus-section .csw-wheel:hover,\n #clat-syllabus-section .csw-wheel:hover .csw-node,\n #clat-syllabus-section .csw-wheel:hover .csw-hub {\n animation-play-state: paused;\n }\n #clat-syllabus-section .csw-ring {\n position: absolute;\n border-radius: 50%;\n border: 1.5px dashed rgba(30, 58, 95, 0.14);\n top: 50%;\n left: 50%;\n pointer-events: none;\n animation: clatRingSpin 30s linear infinite;\n }\n #clat-syllabus-section .csw-ring1 { width: 100%; height: 100%; transform: translate(-50%, -50%); animation-duration: 36s; }\n #clat-syllabus-section .csw-ring2 { width: 74%; height: 74%; transform: translate(-50%, -50%); animation-duration: 24s; animation-direction: reverse; }\n #clat-syllabus-section .csw-hub {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 25%;\n aspect-ratio: 1;\n border-radius: 50%;\n background: radial-gradient(circle at 34% 28%, var(--amber-light) 0%, var(--accent) 70%);\n box-shadow: 0 0 0 8px #fff, 0 0 0 9px var(--cream-border), 0 0 45px 12px rgba(255, 159, 28, 0.55);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n z-index: 5;\n text-align: center;\n padding: 6px;\n animation: nodeCounterSpin 45s linear infinite;\n }\n #clat-syllabus-section .csw-hub .fa-solid { font-size: clamp(13px, 5cqw, 26px); color: #fff; margin-bottom: 4px; }\n #clat-syllabus-section .csw-hub span { color: #fff; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: clamp(7.5px, 2.2cqw, 12.5px); line-height: 1.25; }\n #clat-syllabus-section .csw-node {\n position: absolute;\n width: 24%;\n aspect-ratio: 1;\n border-radius: 50%;\n background: #ffffff;\n border: 1.5px solid var(--cream-border);\n box-shadow: 0 12px 28px rgba(7, 28, 77, 0.10);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 4px;\n transform: translate(-50%, -50%);\n animation: nodeCounterSpin 45s linear infinite;\n z-index: 4;\n text-align: center;\n padding: 4px;\n transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n }\n #clat-syllabus-section .csw-node .fa-solid { font-size: clamp(11px, 3.8cqw, 20px); color: var(--navy-soft); }\n #clat-syllabus-section .csw-node span { font-family: 'Plus Jakarta Sans', sans-serif; font-size: clamp(7px, 2cqw, 12px); font-weight: 700; color: var(--navy); line-height: 1.2; }\n #clat-syllabus-section .csw-node:hover { transform: translate(-50%, -50%) scale(1.07); box-shadow: 0 16px 34px rgba(255, 159, 28, 0.22); z-index: 6; }\n #clat-syllabus-section .csw-node-active { border-color: #c91616; box-shadow: 0 0 0 4px rgba(201, 22, 22, 0.10), 0 12px 26px rgba(201, 22, 22, 0.18); z-index: 6; }\n #clat-syllabus-section .csw-node-active .fa-solid { color: #c91616; }\n \/* nodes pulled inward from the old 9%\/11% edges so they never clip the wheel's own box *\/\n #clat-syllabus-section .csw-node-top { left: 50%; top: 15%; }\n #clat-syllabus-section .csw-node-upper-right { left: 85%; top: 31%; }\n #clat-syllabus-section .csw-node-lower-right { left: 83%; top: 71%; }\n #clat-syllabus-section .csw-node-lower-left { left: 43%; top: 87%; }\n #clat-syllabus-section .csw-node-upper-left { left: 15%; top: 46%; }\n\n #clat-syllabus-section .pricing-table-wrap {\n width: 100%;\n background: #ffffff;\n border: 1px solid var(--cream-border);\n border-radius: 20px;\n overflow: hidden;\n box-shadow: var(--shadow-card-hover);\n align-self: center;\n display: flex;\n flex-direction: column;\n }\n #clat-syllabus-section .pricing-table-head,\n #clat-syllabus-section .pricing-table-body {\n display: grid;\n grid-template-columns: 0.8fr 1.45fr 0.75fr;\n }\n #clat-syllabus-section .pricing-table-head {\n background: var(--cream-mid);\n }\n #clat-syllabus-section .pricing-table-head div {\n padding: 22px 24px;\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-weight: 700;\n font-size: 15px;\n color: var(--navy);\n }\n #clat-syllabus-section .pricing-table-body {\n align-items: start;\n border-top: 1px solid var(--cream-border);\n }\n #clat-syllabus-section .pricing-table-col {\n padding: 18px 24px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: flex-start;\n }\n #clat-syllabus-section .pricing-table-duration {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-weight: 800;\n font-size: 16px;\n color: var(--navy);\n }\n #clat-syllabus-section .pricing-table-desc {\n font-family: 'Inter', sans-serif;\n font-size: 13.5px;\n color: var(--navy-muted);\n line-height: 1.55;\n }\n #clat-syllabus-section .pricing-table-subjects {\n list-style: none;\n margin: 12px 0 0;\n padding: 0;\n display: block;\n }\n #clat-syllabus-section .pricing-table-subjects li {\n position: relative;\n padding-left: 0;\n display: inline;\n line-height: 1.6;\n font-weight: 500;\n color: var(--navy-soft);\n }\n #clat-syllabus-section .pricing-table-subjects li::before {\n content: none;\n }\n #clat-syllabus-section .pricing-table-subjects li:not(:last-child)::after {\n content: ' |';\n margin: 0 5px 0 3px;\n color: rgba(30, 58, 95, 0.3);\n font-weight: 400;\n }\n\n @media (max-width: 1099px) and (min-width: 861px) {\n #clat-syllabus-section .csw-layout { column-gap: 28px; grid-template-columns: minmax(420px, 1.25fr) minmax(300px, 0.75fr); }\n #clat-syllabus-section .csw-wheel { max-width: 380px; }\n #clat-syllabus-section .pricing-table-head div,\n #clat-syllabus-section .pricing-table-col { padding: 14px; font-size: 12.5px; }\n }\n @media (max-width: 860px) {\n #clat-syllabus-section .csw-layout {\n grid-template-columns: 1fr;\n justify-items: center;\n padding: 0 8px;\n }\n #clat-syllabus-section .pricing-table-wrap { order: 1; }\n #clat-syllabus-section .csw-wheel { order: 2; max-width: 380px; margin-top: 8px; }\n }\n @media (max-width: 640px) {\n #clat-syllabus-section .csw-wheel { max-width: 300px; }\n #clat-syllabus-section .pricing-table-head div,\n #clat-syllabus-section .pricing-table-col { padding: 12px 10px; font-size: 11.5px; }\n #clat-syllabus-section .pricing-table-head div { font-size: 12.5px; }\n #clat-syllabus-section .pricing-table-duration { font-size: 13px; }\n }\n\n \/* \u2500\u2500 FAQ & FOOTER \u2500\u2500 *\/\n .faq-wrap { padding:36px 24px var(--section-space); background:var(--cream); }\n .modern-faq-section { width:100%; padding:80px 40px; background:var(--navy); border-radius:var(--radius-card); position:relative; overflow:hidden; }\n .modern-faq-section::before { content:\"\"; position:absolute; width:350px; height:350px; background:var(--accent); filter:blur(120px); opacity:.2; top:-120px; left:-100px; }\n .modern-faq-section::after { content:\"\"; position:absolute; width:320px; height:320px; background:var(--navy-soft); filter:blur(120px); opacity:.3; bottom:-120px; right:-100px; }\n .faq-heading { text-align:center; margin-bottom:50px; position:relative; z-index:2; }\n .faq-heading h2 { color:#fff; font-family:'Plus Jakarta Sans',sans-serif; font-size:38px; font-weight:800; margin-bottom:12px; }\n .faq-heading p { color:rgba(255,255,255,.72); font-family:'Inter',sans-serif; font-size:18px; }\n .faq-container { max-width:1100px; margin:auto; display:flex; flex-direction:column; gap:18px; position:relative; z-index:2; }\n .faq-item { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); border-radius:var(--radius-card); overflow:hidden; backdrop-filter:blur(18px); transition:.4s ease; }\n .faq-item:hover { transform:translateY(-4px); border-color:rgba(255,255,255,.25); }\n .faq-item[open] { background:rgba(255,159,28,.08); border-color:var(--amber-border); }\n .faq-item summary { list-style:none; cursor:pointer; padding:30px 36px; color:#fff; font-family:'Inter',sans-serif; font-size:18px; font-weight:700; position:relative; transition:color var(--transition-base); }\n .faq-item[open] summary { color:var(--amber-light); }\n .faq-item summary::-webkit-details-marker { display:none; }\n .faq-item summary::after { content:\"+\"; position:absolute; right:32px; top:50%; transform:translateY(-50%); font-size:26px; color:#fff; transition:transform .35s cubic-bezier(.22,1,.36,1),color var(--transition-base); }\n .faq-item[open] summary::after { transform:translateY(-50%) rotate(45deg); color:var(--amber-light); }\n .faq-content { padding:0 36px 30px; color:rgba(255,255,255,.8); font-family:'Inter',sans-serif; font-size:15.5px; line-height:1.75; animation:faqFadeIn .35s ease both; }\n @keyframes faqFadeIn { from{ opacity:0; transform:translateY(-6px); } to{ opacity:1; transform:translateY(0); } }\n footer { background:var(--navy); color:rgba(255,255,255,.5); text-align:center; padding:30px 40px; font-family:'Inter',sans-serif; font-size:13px; border-top:1px solid rgba(255,255,255,0.1); }\n footer strong { color:rgba(255,255,255,.8); }\n \n \/* \u2500\u2500 DISCOVER SECTION (RE-STYLED LIST & IMAGE) \u2500\u2500 *\/\n .discover-section { padding: var(--section-space) 24px; background: var(--cream); font-family: 'Inter', sans-serif; overflow: hidden; }\n .discover-container { max-width: 1360px; margin: 0 auto; display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 60px; align-items: center; }\n \n .discover-left { display: flex; flex-direction: column; justify-content: center; }\n .discover-plain-heading { \n font-family: 'Plus Jakarta Sans', sans-serif; \n font-size: clamp(28px, 3.5vw, 40px); \n font-weight: 800; \n color: var(--navy); \n line-height: 1.2; \n margin-bottom: 20px; \n letter-spacing: -0.5px;\n }\n \n \/* Beautiful Timeline List (COMPACTED) *\/\n .coverage-list { \n display: flex; \n flex-direction: column; \n gap: 4px; \n list-style: none; \n padding: 0; \n margin: 0; \n position: relative; \n }\n .coverage-list::before { \n content: ''; \n position: absolute; \n left: 24px; \n top: 8px; \n bottom: 8px; \n width: 2px; \n background: rgba(30,58,95,0.1); \n z-index: 0; \n }\n .coverage-list li { \n display: flex; \n gap: 20px; \n align-items: flex-start; \n position: relative; \n z-index: 1; \n background: transparent; \n padding: 10px 24px 10px 16px; \n border-radius: 16px; \n transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; \n cursor: default; \n }\n .coverage-list li:hover { background: #fff; box-shadow: 0 10px 30px rgba(30,58,95,0.06); transform: translateX(6px); border: 1px solid var(--cream-border); }\n \n .coverage-num { width: 48px; height: 48px; background: #fff; border: 2.5px solid var(--amber-light); color: var(--accent); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 800; font-family: 'Plus Jakarta Sans', sans-serif; flex-shrink: 0; box-shadow: 0 4px 12px rgba(255,159,28,0.15); transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease; z-index: 2; margin-top: 2px; }\n .coverage-list li:hover .coverage-num { background: linear-gradient(135deg, var(--accent), var(--amber-light)); color: #fff; border-color: transparent; box-shadow: 0 6px 16px rgba(255,159,28,0.3); }\n \n .coverage-text { \n font-size: 14.5px; \n color: var(--navy-muted); \n line-height: 1.5; \n padding-top: 4px; \n }\n .coverage-text strong { \n display: block; \n color: var(--navy); \n font-size: 16px; \n font-weight: 800; \n margin-bottom: 3px; \n font-family: 'Plus Jakarta Sans', sans-serif; \n transition: color 0.3s ease; \n }\n .coverage-list li:hover .coverage-text strong { color: var(--accent); }\n\n \/* Right Side Image Container *\/\n .discover-right { display: flex; align-items: center; justify-content: center; height: 100%; position: relative; }\n .discover-image-wrap { width: 100%; max-width: 600px; aspect-ratio: 4\/3; border-radius: 24px; overflow: hidden; box-shadow: 0 20px 50px rgba(30,58,95,0.12); border: 8px solid #fff; position: relative; transform: perspective(1000px) rotateY(-4deg) rotateX(2deg); transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.5s ease; }\n .discover-image-wrap:hover { transform: perspective(1000px) rotateY(0deg) rotateX(0deg) translateY(-8px); box-shadow: 0 30px 60px rgba(30,58,95,0.18); }\n .discover-image-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.7s ease; }\n .discover-image-wrap:hover img { transform: scale(1.05); }\n\n @media (max-width: 1024px) {\n .discover-container { grid-template-columns: 1fr; gap: 48px; }\n .discover-right { order: -1; } \/* Puts the image on top for tablet\/mobile *\/\n .discover-image-wrap { aspect-ratio: 16\/9; transform: none; }\n .discover-image-wrap:hover { transform: translateY(-4px); }\n }\n @media (max-width: 640px) {\n .discover-section { padding: 48px 16px; }\n .discover-plain-heading { font-size: 26px; text-align: center; }\n .coverage-list::before { left: 20px; }\n .coverage-list li { padding: 14px 10px; gap: 14px; }\n .coverage-list li:hover { transform: translateX(2px); }\n .coverage-num { width: 40px; height: 40px; font-size: 15px; }\n .coverage-text strong { font-size: 15px; }\n .coverage-text { font-size: 14px; }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <div class=\"hero-wrap\">\n <div class=\"blob blob-1\"><\/div><div class=\"blob blob-2\"><\/div>\n <div class=\"blob blob-3\"><\/div><div class=\"blob blob-4\"><\/div>\n <div class=\"grid-overlay\"><\/div>\n <div class=\"particles\" id=\"particles\"><\/div>\n\n <div class=\"hero\">\n <div class=\"hero-left\">\n <div class=\"badge\"><div class=\"badge-dot\"><\/div><span class=\"badge-text\">CLAT UG 2027 \u00b7 Predictive & Analytical Platform<\/span><\/div>\n <h1 class=\"hero-title\">India’s First Predictive & Analytical<br><span class=\"gradient-text\">CLAT UG<\/span> Test Series Platform<\/h1>\n <p class=\"hero-sub\">Improve your CLAT UG score with data-driven analytics & performance insights.<\/p>\n <ul class=\"hero-sub-list\">\n <li>Analyse behavioural decisions, knowledge strength, reading speed and accuracy during tests.<\/li>\n <li>Track analytical parameters and predict future solving time & score.<\/li>\n <\/ul>\n <div class=\"stats-row\">\n <div class=\"stat-item\"><div class=\"stat-num\" data-count=\"300\" data-suffix=\"+\">0<\/div><div class=\"stat-label\">Total Test<\/div><\/div>\n <div class=\"stat-divider\"><\/div>\n <div class=\"stat-item\"><div class=\"stat-num\" data-count=\"98\" data-suffix=\"%\">0<\/div><div class=\"stat-label\">Tested Predictive Accuracy<\/div><\/div>\n <div class=\"stat-divider\"><\/div>\n <div class=\"stat-item\"><div class=\"stat-num\" data-count=\"100\" data-suffix=\"+\">0<\/div><div class=\"stat-label\">Target Score<\/div><\/div>\n <\/div>\n <div class=\"hero-cta\">\n <button class=\"btn-primary\" onclick=\"document.getElementById('clat-syllabus-section')?.scrollIntoView({behavior:'smooth'})\"><span>Take Free Test<\/span><div class=\"btn-arrow\">\u2192<\/div><\/button>\n <button class=\"btn-secondary\" onclick=\"document.querySelector('.faq-wrap')?.scrollIntoView({behavior:'smooth'})\"><span>Buy Now<\/span><\/button>\n <\/div>\n <\/div>\n\n <div class=\"hero-right\">\n <div class=\"dashboard-scene\">\n <div class=\"dash-sidebar\">\n <div class=\"sb-dot active\" tabindex=\"0\" role=\"button\" aria-label=\"Overview\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16v16H4z\"><\/path><\/svg><\/div>\n <div class=\"sb-dot\" tabindex=\"0\" role=\"button\" aria-label=\"List view\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 12h16M4 6h16M4 18h16\"><\/path><\/svg><\/div>\n <div class=\"sb-dot\" tabindex=\"0\" role=\"button\" aria-label=\"Score ring\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle><\/svg><\/div>\n <div class=\"sb-dot\" tabindex=\"0\" role=\"button\" aria-label=\"Add test\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 4v16M4 12h16\"><\/path><\/svg><\/div>\n <\/div>\n\n <div class=\"dashboard-card\">\n <div class=\"dash-header\">\n <div class=\"dash-hicon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 3l8 4v5c0 5-3.5 8-8 9-4.5-1-8-4-8-9V7z\"><\/path><\/svg><\/div>\n <div class=\"dash-htitle\">LaunchPad 360<\/div>\n <div class=\"dash-dots\"><span class=\"dash-dot dd-r\"><\/span><span class=\"dash-dot dd-y\"><\/span><span class=\"dash-dot dd-g\"><\/span><\/div>\n <\/div>\n <div class=\"dash-grid\">\n <div class=\"score-card\">\n <div class=\"card-label\">CLAT Score<\/div>\n <div class=\"ring-wrap\">\n <svg class=\"ring-svg\" viewBox=\"0 0 100 100\">\n <circle class=\"ring-bg\" cx=\"50\" cy=\"50\" r=\"47\"><\/circle>\n <circle class=\"ring-fg\" cx=\"50\" cy=\"50\" r=\"47\" stroke=\"var(--accent)\"><\/circle>\n <\/svg>\n <div class=\"ring-text\"><div class=\"ring-num\">152<\/div><div class=\"ring-denom\">\/ 180<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"potential-card\">\n <div class=\"card-label\">Score Trend<\/div>\n <div class=\"potential-val\">\u2191 +34 pts<\/div>\n <svg class=\"sparkline-svg\" viewBox=\"0 0 200 60\" preserveAspectRatio=\"none\">\n <defs>\n <linearGradient id=\"sparkFill\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"#FF9F1C\" stop-opacity=\"0.35\"><\/stop><stop offset=\"100%\" stop-color=\"#FF9F1C\" stop-opacity=\"0\"><\/stop><\/linearGradient>\n <linearGradient id=\"sparkStroke\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\"><stop offset=\"0%\" stop-color=\"#1E3A5F\"><\/stop><stop offset=\"100%\" stop-color=\"#FF9F1C\"><\/stop><\/linearGradient>\n <\/defs>\n <path class=\"spark-area\" d=\"M0,50 L20,42 L40,45 L60,30 L80,35 L100,20 L120,25 L140,15 L160,18 L180,8 L200,10 L200,60 L0,60 Z\"><\/path>\n <path class=\"spark-line\" d=\"M0,50 L20,42 L40,45 L60,30 L80,35 L100,20 L120,25 L140,15 L160,18 L180,8 L200,10\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"dash-stats\">\n <div class=\"stat-card\"><div class=\"stat-card-label\">Accuracy<\/div><div class=\"stat-card-num\">98%<\/div><div class=\"prog-bar\"><div class=\"prog-fill\" style=\"width:98%;background:var(--accent);\"><\/div><\/div><\/div>\n <div class=\"stat-card\"><div class=\"stat-card-label\">Tests Done<\/div><div class=\"stat-card-num\">142<\/div><div class=\"prog-bar\"><div class=\"prog-fill\" style=\"width:64%;background:var(--navy-soft);\"><\/div><\/div><\/div>\n <div class=\"stat-card\"><div class=\"stat-card-label\">Weak Areas<\/div><div class=\"stat-card-num\">2<\/div><div class=\"prog-bar\"><div class=\"prog-fill\" style=\"width:22%;background:#10b981;\"><\/div><\/div><\/div>\n <\/div>\n <div class=\"dash-breakdown\">\n <div class=\"dash-breakdown-head\"><span>Section-wise Strength<\/span><b>Based on 142 tests<\/b><\/div>\n <div class=\"breakdown-row\"><div class=\"breakdown-label\">English<\/div><div class=\"breakdown-bar\"><div class=\"breakdown-fill\" style=\"width:82%;background:var(--accent);\"><\/div><\/div><div class=\"breakdown-pct\">82%<\/div><\/div>\n <div class=\"breakdown-row\"><div class=\"breakdown-label\">Current Affairs<\/div><div class=\"breakdown-bar\"><div class=\"breakdown-fill\" style=\"width:74%;background:var(--navy-soft);\"><\/div><\/div><div class=\"breakdown-pct\">74%<\/div><\/div>\n <div class=\"breakdown-row\"><div class=\"breakdown-label\">Legal Reasoning<\/div><div class=\"breakdown-bar\"><div class=\"breakdown-fill\" style=\"width:68%;background:#7c8493;\"><\/div><\/div><div class=\"breakdown-pct\">68%<\/div><\/div>\n <div class=\"breakdown-row\"><div class=\"breakdown-label\">Logical Reasoning<\/div><div class=\"breakdown-bar\"><div class=\"breakdown-fill\" style=\"width:71%;background:#6657a8;\"><\/div><\/div><div class=\"breakdown-pct\">71%<\/div><\/div>\n <div class=\"breakdown-row\"><div class=\"breakdown-label\">Quant<\/div><div class=\"breakdown-bar\"><div class=\"breakdown-fill\" style=\"width:59%;background:#10b981;\"><\/div><\/div><div class=\"breakdown-pct\">59%<\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"side-pills\">\n <div class=\"pill\"><div class=\"pill-ico ai\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2v4M12 18v4M4.9 4.9l2.8 2.8M16.3 16.3l2.8 2.8M2 12h4M18 12h4M4.9 19.1l2.8-2.8M16.3 7.7l2.8-2.8\"><\/path><\/svg><\/div><div><div class=\"pill-head\">AI Insights<\/div><div class=\"pill-sub\">Personalised analysis<\/div><\/div><\/div>\n <div class=\"pill\"><div class=\"pill-ico trust\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3 6 6 1-4.5 4.5L18 20l-6-3-6 3 1.5-6.5L3 9l6-1z\"><\/path><\/svg><\/div><div><div class=\"pill-head\">98% Accurate<\/div><div class=\"pill-sub\">Score predictions<\/div><\/div><\/div>\n <div class=\"pill\"><div class=\"pill-ico rt\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 6v6l4 2\"><\/path><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><\/svg><\/div><div><div class=\"pill-head\">Reading Speed<\/div><div class=\"pill-sub\">Solving quality analytics<\/div><\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-below-heading\">\n <div class=\"hero-below-kicker\">Data-Driven Analytics<\/div>\n <h2>Every <strong>Question<\/strong> Has a Story<\/h2>\n <h3>LaunchPad 360 Helps You <strong>Discover It<\/strong>.<\/h3>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <section class=\"discover-section reveal\">\n <div class=\"discover-container\">\n \n \n <div class=\"discover-left\">\n <h2 class=\"discover-plain-heading\">Complete CLAT UG Syllabus Coverage<\/h2>\n\n <ul class=\"coverage-list\">\n <li>\n <div class=\"coverage-num\">1<\/div>\n <div class=\"coverage-text\"><strong>Topic-wise Tests<\/strong> Cover the full syllabus with short topic tests to build a strong foundation.<\/div>\n <\/li>\n <li>\n <div class=\"coverage-num\">2<\/div>\n <div class=\"coverage-text\"><strong>Topic-wise PYQs<\/strong> Solve topic-wise 4-year previous questions to map your studying to actual exam patterns.<\/div>\n <\/li>\n <li>\n <div class=\"coverage-num\">3<\/div>\n <div class=\"coverage-text\"><strong>Section Tests<\/strong> Solve CLAT 6-section individual tests for securing a high score in your weaker subjects.<\/div>\n <\/li>\n <li>\n <div class=\"coverage-num\">4<\/div>\n <div class=\"coverage-text\"><strong>CLAT Test Series<\/strong> Real 2-hour full syllabus CLAT Mock Tests designed to simulate the final exam day.<\/div>\n <\/li>\n <li>\n <div class=\"coverage-num\">5<\/div>\n <div class=\"coverage-text\"><strong>Latest PYQs Tests<\/strong> Take Previous Year Question Tests to familiarise yourself perfectly with CLAT UG question structures.<\/div>\n <\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"discover-right\">\n <div class=\"discover-image-wrap\">\n \n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522202176988-66273c2fd55f?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80\" alt=\"Students preparing for CLAT UG Exam\">\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section id=\"clat-syllabus-section\">\n <div class=\"clat-syllabus-container reveal\">\n\n <div class=\"csw-layout\">\n\n \n <div class=\"pricing-table-wrap\">\n <div class=\"pricing-table-head\">\n <div>Starter Pack<\/div><div>Smarter Pack<\/div><div>Topper Pack<\/div>\n <\/div>\n <div class=\"pricing-table-body\">\n <div class=\"pricing-table-col\">\n <div class=\"pricing-table-duration\">30 minutes<\/div>\n <div class=\"pricing-table-desc\">Short Topic Tests<br>4 Year PYQs Topic Tests<\/div>\n <\/div>\n <div class=\"pricing-table-col\">\n <div class=\"pricing-table-duration\">60 minutes<\/div>\n <div class=\"pricing-table-desc\">\n <span>Solve 6-Section Individual Tests<\/span>\n <ul class=\"pricing-table-subjects\">\n <li>English Language<\/li>\n <li>Current Affairs<\/li>\n <li>General Knowledge<\/li>\n <li>Legal Reasoning<\/li>\n <li>Logical Reasoning<\/li>\n <li>Quantitative Techniques<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"pricing-table-col\">\n <div class=\"pricing-table-duration\">2 hours<\/div>\n <div class=\"pricing-table-desc\">Practice Full Length CLAT UG Tests<br>Solve 4 Year PYQs<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"csw-wheel\">\n <div class=\"csw-ring csw-ring1\"><\/div>\n <div class=\"csw-ring csw-ring2\"><\/div>\n\n <div class=\"csw-hub\">\n <i class=\"fa-solid fa-scale-balanced\"><\/i>\n <span>5 SECTIONS<br>120 QS<\/span>\n <\/div>\n\n <div class=\"csw-node csw-node-top\">\n <i class=\"fa-solid fa-chart-pie\"><\/i>\n <span>Quant<br>Techniques<\/span>\n <\/div>\n <div class=\"csw-node csw-node-upper-right csw-node-active\">\n <i class=\"fa-solid fa-book-open\"><\/i>\n <span>English<br>Language<\/span>\n <\/div>\n <div class=\"csw-node csw-node-lower-right\">\n <i class=\"fa-solid fa-globe-asia\"><\/i>\n <span>Current<br>Affairs<\/span>\n <\/div>\n <div class=\"csw-node csw-node-lower-left\">\n <i class=\"fa-solid fa-scale-balanced\"><\/i>\n <span>Legal<br>Reasoning<\/span>\n <\/div>\n <div class=\"csw-node csw-node-upper-left\">\n <i class=\"fa-solid fa-brain\"><\/i>\n <span>Logical<br>Reasoning<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"foundation-wrap\">\n <div class=\"foundation-inner\">\n <div class=\"foundation-left reveal\">\n \n <div class=\"foundation-badge\">\n <i class=\"fa-solid fa-graduation-cap\"><\/i>\n <span>INTEGRATED SCHOOL PROGRAM<\/span>\n <\/div>\n\n <h2 class=\"foundation-h2\">CLAT UG Preparation That Fits Your School <span class=\"hi\">Syllabus<\/span><\/h2>\n \n <p class=\"foundation-sub\">Perfect for Class 11 & 12 Students<\/p>\n\n <ul class=\"foundation-timeline\">\n <li>\n <div class=\"ftl-icon\">\ud83d\udcd8<\/div>\n <div class=\"ftl-text\">\n <strong>CLAT Habit Development<\/strong> \u2014 Daily CLAT rhythm with 30-minute Class 12th chapter topics Booster Test.\n <\/div>\n <\/li>\n <li>\n <div class=\"ftl-icon\">\ud83d\udcdd<\/div>\n <div class=\"ftl-text\">\n <strong>CLAT Pattern Awareness<\/strong> \u2014 Know CLAT patterns by practising chapter-wise PYQs from the last 4 years.\n <\/div>\n <\/li>\n <li>\n <div class=\"ftl-icon\">\ud83e\udde0<\/div>\n <div class=\"ftl-text\">\n <strong>CLAT Practice & Memory Check<\/strong> \u2014 Strengthen concepts with NCERT chapter-wise and combined chapter memory tests to revise, recall, and score better.\n <\/div>\n <\/li>\n <\/ul>\n\n <div class=\"foundation-features-grid\">\n <div class=\"ff-card\">\n <div class=\"ff-icon\">\ud83d\udcd8<\/div>\n <span>Chapter-wise Test series<\/span>\n <\/div>\n <div class=\"ff-card\">\n <div class=\"ff-icon\">\ud83d\udcca<\/div>\n <span>Comprehensive Concept Explanation<\/span>\n <\/div>\n <div class=\"ff-card\">\n <div class=\"ff-icon\">\ud83c\udfaf<\/div>\n <span>2 in 1 Board + CLAT UG Preparation<\/span>\n <\/div>\n <div class=\"ff-card\">\n <div class=\"ff-icon\">\ud83d\udee1\ufe0f<\/div>\n <span>Exam Readiness System<\/span>\n <\/div>\n <\/div>\n\n <button class=\"btn-primary\" style=\"width:fit-content;margin-top:20px;\">\n <span>Start Free Trial<\/span>\n <div class=\"btn-arrow\">\u2192<\/div>\n <\/button>\n\n <\/div>\n\n<div class=\"foundation-media-column\">\n\n <h1 class=\"video-headline\">\n It’s Not More Tests. It’s <span class=\"video-headline-highlight\">Smarter Learning<\/span>\n <\/h1>\n\n <div class=\"mapping-card reveal\">\n <div class=\"cvs-video-placeholder\">\n <div class=\"cvs-video-badge\">CLAT UG LaunchPad<\/div>\n\n <div class=\"cvs-play-btn\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M8 5v14l11-7z\"><\/path>\n <\/svg>\n <\/div>\n\n <div class=\"cvs-video-duration\">3:12<\/div>\n <\/div>\n\n\n <div class=\"cvs-lang-block\">\n\n <div class=\"cvs-lang-title\">\n Watch in Your Preferred Language\n <\/div>\n\n <div class=\"cvs-lang-slider\">\n\n <div class=\"cvs-lang-grid\" id=\"languageSlider\">\n\n <div class=\"cvs-lang-pill active\" tabindex=\"0\" role=\"button\">\n <div class=\"cvs-lang-glyph\">\u0d05<\/div>\n <span>Malayalam<\/span>\n <\/div>\n\n <div class=\"cvs-lang-pill\" tabindex=\"0\" role=\"button\">\n <div class=\"cvs-lang-glyph\">A<\/div>\n <span>English<\/span>\n <\/div>\n\n <div class=\"cvs-lang-pill\" tabindex=\"0\" role=\"button\">\n <div class=\"cvs-lang-glyph\">\u0905<\/div>\n <span>Hindi<\/span>\n <\/div>\n\n <div class=\"cvs-lang-pill\" tabindex=\"0\" role=\"button\">\n <div class=\"cvs-lang-glyph\">\u0b85<\/div>\n <span>Tamil<\/span>\n <\/div>\n\n <div class=\"cvs-lang-pill\" tabindex=\"0\" role=\"button\">\n <div class=\"cvs-lang-glyph\">\u0c05<\/div>\n <span>Telugu<\/span>\n <\/div>\n\n <div class=\"cvs-lang-pill\" tabindex=\"0\" role=\"button\">\n <div class=\"cvs-lang-glyph\">\u0c85<\/div>\n <span>Kannada<\/span>\n <\/div>\n\n <\/div>\n\n <button class=\"cvs-lang-next\" id=\"languageNext\" type=\"button\" aria-label=\"Show more languages\">\n <i class=\"fa-solid fa-chevron-right\"><\/i>\n <\/button>\n\n <\/div>\n<\/div>\n <\/div><\/div><\/div><\/section>\n\n \n <section class=\"game-section\">\n <div class=\"game-container reveal\">\n <div class=\"game-copy\">\n <div class=\"game-badge\">\ud83c\udfae Take a Study Break<\/div>\n <h2 class=\"game-title\">Play <span>Exam Dash<\/span> While Your Progress Loads<\/h2>\n <p class=\"game-desc\">\n A quick two-minute arcade break between test series. Guide your student\n past incoming books and deadlines \u2014 the longer you last, the higher your\n score climbs. It’s the same focus and timing CLAT UG exams reward,\n just a lot more fun.\n <\/p>\n <div class=\"game-howto\">\n <div class=\"game-howto-item\"><span class=\"key\">Tap<\/span> or click the game to jump obstacles<\/div>\n <div class=\"game-howto-item\"><span class=\"key\">Space<\/span> works too on desktop keyboards<\/div>\n <\/div>\n <\/div>\n\n <div class=\"game-panel\">\n <div class=\"exam-runner-wrap\">\n <div class=\"exam-runner-card\">\n <div class=\"exam-runner-head\">\n <div class=\"exam-runner-title\">\ud83c\udf93 Exam Dash <span>\u2014 tap or press space to jump<\/span><\/div>\n <div class=\"exam-runner-score\">Score: <span id=\"runnerScore\">0<\/span><\/div>\n <\/div>\n <div class=\"exam-runner-canvas-wrap\" id=\"runnerCanvasWrap\" tabindex=\"0\" role=\"button\" aria-label=\"Play Exam Dash mini game\">\n <canvas id=\"examRunnerCanvas\" width=\"480\" height=\"150\"><\/canvas>\n <div class=\"exam-runner-overlay\" id=\"runnerOverlay\">\n <strong>\ud83c\udf93 Exam Dash<\/strong>\n <span>Jump the books & deadlines. Tap \/ Space to start.<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"other-exams-section\">\n <div class=\"exams-grid\">\n <div class=\"exam-card-wrapper reveal\">\n <div style=\"text-align:left;margin:0 0 20px;padding:0;\">\n <h2 style=\"display:block;text-align:left;font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(24px,2.8vw,32px);font-weight:800;color:var(--navy);\">\n <span style=\"white-space:nowrap;\">Welcome to<\/span><br>\n <span style=\"color:var(--accent);\">Mass Graduates<br>Entrance Superstore<\/span>\n <\/h2>\n <\/div>\n <p>Discover career opportunities beyond CLAT UG through entrance exam preparation systems designed for medicine, management, commerce, and design career pathways.<\/p>\n <div class=\"exam-row\"><div class=\"exam-row-left\"><div class=\"exam-icon icon-neet\"><i class=\"fa-solid fa-stethoscope\"><\/i><\/div><div class=\"exam-row-info\"><h4>NEET<\/h4><p>NCERT-based test prep for Class 11 & 12 students targeting boards and NEET together.<\/p><\/div><\/div><button class=\"exam-row-btn btn-neet\">Explore NEET ><\/button><\/div>\n <div class=\"exam-row\"><div class=\"exam-row-left\"><div class=\"exam-icon icon-cuetug\"><i class=\"fa-solid fa-book-open\"><\/i><\/div><div class=\"exam-row-info\"><h4>CUET UG<\/h4><p>Chapter-wise CUET UG tests mapped with Class 11 & 12 NCERT syllabus.<\/p><\/div><\/div><button class=\"exam-row-btn btn-cuetug\">Explore CUET UG ><\/button><\/div>\n <div class=\"exam-row\"><div class=\"exam-row-left\"><div class=\"exam-icon icon-ipmat\"><i class=\"fa-solid fa-bullseye\"><\/i><\/div><div class=\"exam-row-info\"><h4>IPMAT<\/h4><p>Smart aptitude test series for students aiming for IIM undergraduate programs.<\/p><\/div><\/div><button class=\"exam-row-btn btn-ipmat\">Explore IPMAT ><\/button><\/div>\n <div class=\"exam-row\"><div class=\"exam-row-left\"><div class=\"exam-icon icon-cma\"><i class=\"fa-solid fa-calculator\"><\/i><\/div><div class=\"exam-row-info\"><h4>CMA<\/h4><p>Commerce-focused tests to prepare for school exams and CMA Foundation together.<\/p><\/div><\/div><button class=\"exam-row-btn btn-cma\">Explore CMA ><\/button><\/div>\n <div class=\"exam-row\"><div class=\"exam-row-left\"><div class=\"exam-icon icon-nata\"><i class=\"fa-solid fa-compass-drafting\"><\/i><\/div><div class=\"exam-row-info\"><h4>NATA<\/h4><p>Architecture aptitude test preparation for students interested in design and architecture careers.<\/p><\/div><\/div><button class=\"exam-row-btn btn-nata\">Explore NATA ><\/button><\/div>\n <\/div>\n\n <div class=\"guide-card-wrapper reveal\">\n <h2><i class=\"fa-solid fa-compass\"><\/i> <span>Confused About Your Future Career?<\/span><\/h2>\n <p>Discover your strengths, explore career options, and make informed decisions through our analytical career guidance system <strong>for students after Class 10 and Class 12.<\/strong><\/p>\n <div class=\"guide-content-split\">\n <div class=\"guide-list\">\n <div class=\"guide-item\"><i class=\"fa-solid fa-crosshairs guide-item-icon\"><\/i><div class=\"guide-item-text\"><h4>Discover Your Strengths<\/h4><p>Understand your natural abilities, interests, and learning preferences through structured assessments.<\/p><\/div><\/div>\n <div class=\"guide-item\"><i class=\"fa-solid fa-signs-post guide-item-icon\"><\/i><div class=\"guide-item-text\"><h4>Explore Career Opportunities<\/h4><p>Find career options and entrance exams that match your strengths, interests, and future goals.<\/p><\/div><\/div>\n <div class=\"guide-item\"><i class=\"fa-solid fa-chart-line guide-item-icon\"><\/i><div class=\"guide-item-text\"><h4>Data-Driven Career Insights<\/h4><p>Receive personalized career recommendations through analytical assessment and guidance systems.<\/p><\/div><\/div>\n <\/div>\n <div class=\"guide-illustration\"><img decoding=\"async\" src=\"https:\/\/cdni.iconscout.com\/illustration\/premium\/thumb\/career-choice-4488349-3738501.png\" alt=\"Career Decision Illustration\"><\/div>\n <\/div>\n <div class=\"mgci-box\"><div class=\"mgci-logo\">MGCI <small>MASS GRADUATES CAREER INDEX<\/small><\/div><div class=\"mgci-text\">A scientifically designed assessment framework built to help students make confident career decisions through analytical career guidance systems.<\/div><\/div>\n <a href=\"#\" class=\"guide-btn\"><span>Explore Career Guidance Test<\/span><i class=\"fa-solid fa-angle-right\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div class=\"faq-wrap\">\n <div class=\"modern-faq-section reveal\">\n <div class=\"faq-heading\"><h2>CLAT UG 2027 Preparation \u2013 Frequently Asked Questions<\/h2><p>Everything you need to know about CLAT UG and our preparation platform.<\/p><\/div>\n <div class=\"faq-container\">\n <details class=\"faq-item\" open=\"\"><summary>What is CLAT UG LaunchPad 360?<\/summary><div class=\"faq-content\">It’s India’s first predictive and analytical CLAT UG test series platform \u2014 combining topic tests, PYQs, section tests, and full mock tests with a dashboard that predicts your CLAT UG 2027 score after every attempt.<\/div><\/details>\n <details class=\"faq-item\"><summary>What does “predictive and analytical” mean here?<\/summary><div class=\"faq-content\">Every test you take feeds LaunchPad 360’s model, which tracks your accuracy, reading speed, and attempt decisions to predict your likely CLAT UG score with 98% accuracy \u2014 not just your raw marks.<\/div><\/details>\n <details class=\"faq-item\"><summary>What sections does CLAT UG cover on this platform?<\/summary><div class=\"faq-content\">English Language, Current Affairs, General Knowledge, Legal Reasoning, Logical Reasoning, and Quantitative Techniques \u2014 the full CLAT UG syllabus, five sections and 120 questions.<\/div><\/details>\n <details class=\"faq-item\"><summary>What’s included in the Starter Pack?<\/summary><div class=\"faq-content\">30-minute topic-wise tests and 4-year PYQ topic tests, so you can build section-by-section strength before moving to timed practice.<\/div><\/details>\n <details class=\"faq-item\"><summary>What’s included in the Smarter Pack?<\/summary><div class=\"faq-content\">1-hour section tests and 1-hour revision tests across all six subject tabs, combining fresh practice with structured revision.<\/div><\/details>\n <details class=\"faq-item\"><summary>What’s included in the Topper Pack?<\/summary><div class=\"faq-content\">Real 2-hour, full-syllabus CLAT mock tests plus previous year question papers from 2022 to 2026, designed to mirror actual exam conditions.<\/div><\/details>\n <details class=\"faq-item\"><summary>What is LaunchPad 360?<\/summary><div class=\"faq-content\">LaunchPad 360 is our predictive analytics dashboard \u2014 it tracks your CLAT score potential, accuracy, reading speed, attempt decisions, and weak areas in one place.<\/div><\/details>\n <details class=\"faq-item\"><summary>Is there a free trial available?<\/summary><div class=\"faq-content\">Yes. You can try a free topic test, a full unit test per subject, and a Topper Pack sample (including PYQ 2022) before choosing a package.<\/div><\/details>\n <details class=\"faq-item\"><summary>Does the platform provide subject-wise PYQs?<\/summary><div class=\"faq-content\">Yes. Practice chapter- and subject-wise CLAT UG PYQs to see exactly where questions come from and focus your revision on high-yield topics.<\/div><\/details>\n <details class=\"faq-item\"><summary>Is the platform mobile friendly?<\/summary><div class=\"faq-content\">Yes. LaunchPad 360 is fully optimised for smartphones, tablets, laptops, and desktops, so you can prepare anytime, anywhere.<\/div><\/details>\n <details class=\"faq-item\"><summary>How can I improve my CLAT UG score?<\/summary><div class=\"faq-content\">Through consistent topic-wise practice, PYQ analysis, structured revision across all three packs, and by acting on the predictive insights in your LaunchPad 360 dashboard.<\/div><\/details>\n <details class=\"faq-item\"><summary>Can I prepare for other entrance exams here too?<\/summary><div class=\"faq-content\">Yes. The Mass Graduates Entrance Superstore also covers NEET, CMA Foundation, NID\/NIFT, and CUET UG preparation on the same platform family.<\/div><\/details>\n <\/div>\n <\/div>\n <\/div>\n\n \n <footer>\u00a9 2026 <strong>CLAT UG LaunchPad 360<\/strong> \u2014 Powered by Mass Graduates. All rights reserved.<\/footer>\n\n <script>\n \/\/ Particles\n (function() {\n const pCont = document.getElementById('particles');\n if (!pCont) return;\n const palette = [[255,159,28],[30,58,95],[255,179,71],[47,92,143]];\n for (let i=0;i<32;i++) {\n const p = document.createElement('div'); p.classList.add('particle');\n const sz = Math.random()*6+2;\n const [r,g,b] = palette[Math.floor(Math.random()*palette.length)];\n p.style.cssText = `width:${sz}px;height:${sz}px;left:${Math.random()*100}%;background:rgba(${r},${g},${b},${0.12+Math.random()*0.22});animation-duration:${12+Math.random()*12}s;animation-delay:${Math.random()*8}s;`;\n pCont.appendChild(p);\n }\n })();\n \n\/\/ Activate on enter\/space\nfunction activateOnEnterOrSpace(el, handler) {\n el.addEventListener('click', handler);\n\n el.addEventListener('keydown', (e) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n handler();\n }\n });\n}\n\n\/* Dashboard sidebar *\/\ndocument.querySelectorAll('.sb-dot').forEach(d => {\n activateOnEnterOrSpace(d, () => {\n document.querySelectorAll('.sb-dot').forEach(x => {\n x.classList.remove('active');\n });\n\n d.classList.add('active');\n });\n});\n\n\/* Language selection *\/\ndocument.querySelectorAll('.cvs-lang-pill').forEach(p => {\n activateOnEnterOrSpace(p, () => {\n document.querySelectorAll('.cvs-lang-pill').forEach(x => {\n x.classList.remove('active');\n });\n\n p.classList.add('active');\n });\n});\n\n\/* Mobile language slider *\/\nconst languageSlider = document.getElementById('languageSlider');\nconst languageNext = document.getElementById('languageNext');\n\nif (languageSlider && languageNext) {\n languageNext.addEventListener('click', function () {\n\n const languageCard =\n languageSlider.querySelector('.cvs-lang-pill');\n\n if (!languageCard) return;\n\n const scrollStep =\n (languageCard.offsetWidth + 12) * 2;\n\n const maxScroll =\n languageSlider.scrollWidth -\n languageSlider.clientWidth;\n\n const reachedEnd =\n languageSlider.scrollLeft >= maxScroll - 8;\n\n if (reachedEnd) {\n languageSlider.scrollTo({\n left: 0,\n behavior: 'smooth'\n });\n } else {\n languageSlider.scrollBy({\n left: scrollStep,\n behavior: 'smooth'\n });\n }\n });\n}\n\n\n\n \/\/ Counters\n let statsAnimated = false;\n function animateCounters() {\n if (statsAnimated) return;\n statsAnimated = true;\n document.querySelectorAll('[data-count]').forEach(el => {\n const target = parseInt(el.getAttribute('data-count'), 10);\n const suffix = el.getAttribute('data-suffix') || '';\n const dur = 1400;\n const start = performance.now();\n function tick(now) {\n const p = Math.min((now - start) \/ dur, 1);\n const eased = 1 - Math.pow(1 - p, 3);\n el.textContent = Math.round(eased * target) + suffix;\n if (p < 1) requestAnimationFrame(tick);\n }\n requestAnimationFrame(tick);\n });\n }\n\n \/\/ IntersectionObserver for reveal and counters\n if ('IntersectionObserver' in window) {\n const io = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) { entry.target.classList.add('in-view'); io.unobserve(entry.target); }\n });\n }, { threshold: 0.15, rootMargin: '0px 0px -60px 0px' });\n document.querySelectorAll('.reveal').forEach(el => io.observe(el));\n\n const statsIo = new IntersectionObserver((entries) => {\n entries.forEach(entry => { if (entry.isIntersecting) { animateCounters(); statsIo.disconnect(); } });\n }, { threshold: 0.4 });\n const statsRowEl = document.querySelector('.stats-row');\n if (statsRowEl) statsIo.observe(statsRowEl);\n } else {\n document.querySelectorAll('.reveal').forEach(el => el.classList.add('in-view'));\n animateCounters();\n }\n\n \/* Subject wheel auto-rollover (right side of section 3) *\/\n (function () {\n const nodes = document.querySelectorAll('#clat-syllabus-section .csw-node');\n if (!nodes.length) return;\n\n let idx = Array.from(nodes).findIndex(n => n.classList.contains('csw-node-active'));\n if (idx < 0) idx = 0;\n\n function rollover() {\n nodes.forEach(n => n.classList.remove('csw-node-active'));\n nodes[idx].classList.add('csw-node-active');\n idx = (idx + 1) % nodes.length;\n }\n\n rollover();\n let rolloverTimer = setInterval(rollover, 2200);\n\n const wheelEl = document.querySelector('#clat-syllabus-section .csw-wheel');\n if (wheelEl) {\n wheelEl.addEventListener('mouseenter', () => clearInterval(rolloverTimer));\n wheelEl.addEventListener('mouseleave', () => { rolloverTimer = setInterval(rollover, 2200); });\n }\n })();\n\n \/* \u2500\u2500 Mini Game Arcade \u2500\u2500 *\/\n (function(){\n const canvas = document.getElementById('examRunnerCanvas');\n if(!canvas) return;\n const ctx = canvas.getContext('2d');\n const wrap = document.getElementById('runnerCanvasWrap');\n const overlay = document.getElementById('runnerOverlay');\n const scoreEl = document.getElementById('runnerScore');\n\n const W = canvas.width, H = canvas.height;\n const groundY = H - 28;\n\n let player, obstacles, clouds, speed, score, best = 0, frame, spawnTimer, running, gameOver, started, rafId;\n\n function resetGame(){\n player = { x:36, y:groundY-32, w:26, h:32, vy:0, onGround:true };\n obstacles = [];\n clouds = [ {x:100,y:20,s:1}, {x:260,y:36,s:.7}, {x:400,y:16,s:.85} ];\n speed = 4;\n score = 0;\n frame = 0;\n spawnTimer = 70;\n running = false;\n gameOver = false;\n started = false;\n scoreEl.textContent = '0';\n }\n\n function spawnObstacle(){\n const types = [\n {w:16,h:26,color:'#FF9F1C',type:'book'},\n {w:22,h:18,color:'#2f5c8f',type:'book2'},\n {w:10,h:34,color:'#ffb347',type:'pencil'}\n ];\n const t = types[Math.floor(Math.random()*types.length)];\n obstacles.push({x:W+10, y:groundY-t.h, w:t.w, h:t.h, color:t.color, type:t.type});\n }\n\n function rectsOverlap(a,b){\n const conditions = [\n a.x < b.x + b.w,\n a.x + a.w > b.x,\n a.y < b.y + b.h,\n a.y + a.h > b.y\n ];\n return conditions.every(Boolean);\n }\n\n function drawBackground(){\n ctx.fillStyle = '#0c2740';\n ctx.fillRect(0,0,W,H);\n ctx.strokeStyle = 'rgba(255,255,255,.04)';\n ctx.lineWidth = 1;\n for(let gx=0; gx<W; gx+=24){\n ctx.beginPath(); ctx.moveTo(gx,0); ctx.lineTo(gx,H); ctx.stroke();\n }\n ctx.fillStyle = 'rgba(255,255,255,.08)';\n clouds.forEach(function(c){\n ctx.beginPath();\n ctx.ellipse(c.x, c.y, 22*c.s, 8*c.s, 0, 0, Math.PI*2);\n ctx.fill();\n if(running){\n c.x -= speed*0.25;\n if(c.x < -30) c.x = W+30;\n }\n });\n ctx.strokeStyle = 'rgba(255,159,28,.6)';\n ctx.lineWidth = 2;\n ctx.beginPath();\n ctx.moveTo(0, groundY+2);\n ctx.lineTo(W, groundY+2);\n ctx.stroke();\n }\n\n function drawPlayer(){\n ctx.save();\n ctx.translate(player.x, player.y);\n ctx.fillStyle = '#FF9F1C';\n if(ctx.roundRect){ ctx.beginPath(); ctx.roundRect(0,8,player.w,player.h-8,5); ctx.fill(); }\n else { ctx.fillRect(0,8,player.w,player.h-8); }\n ctx.fillStyle = '#ffe0b3';\n ctx.beginPath();\n ctx.arc(player.w\/2, 6, 8, 0, Math.PI*2);\n ctx.fill();\n ctx.fillStyle = '#1E3A5F';\n ctx.fillRect(player.w\/2-11, -3, 22, 4);\n ctx.beginPath();\n ctx.moveTo(player.w\/2, -8);\n ctx.lineTo(player.w\/2+9, -1);\n ctx.lineTo(player.w\/2-9, -1);\n ctx.closePath();\n ctx.fill();\n ctx.restore();\n }\n\n function drawObstacle(o){\n ctx.fillStyle = o.color;\n if(o.type === 'pencil'){\n ctx.beginPath();\n ctx.moveTo(o.x, o.y+o.h);\n ctx.lineTo(o.x+o.w, o.y+o.h);\n ctx.lineTo(o.x+o.w\/2, o.y);\n ctx.closePath();\n ctx.fill();\n } else {\n ctx.fillRect(o.x, o.y, o.w, o.h);\n ctx.fillStyle = 'rgba(255,255,255,.25)';\n ctx.fillRect(o.x, o.y, o.w, 4);\n }\n }\n\n function update(){\n frame++;\n player.vy += 0.9;\n player.y += player.vy;\n if(player.y > groundY - player.h){\n player.y = groundY - player.h;\n player.vy = 0;\n player.onGround = true;\n }\n\n spawnTimer--;\n if(spawnTimer <= 0){\n spawnObstacle();\n spawnTimer = Math.max(45, 90 - speed*3) + Math.random()*30;\n }\n obstacles.forEach(function(o){ o.x -= speed; });\n obstacles = obstacles.filter(function(o){ return o.x + o.w > -10; });\n\n const playerBox = {x:player.x, y:player.y, w:player.w, h:player.h};\n for(let i=0;i<obstacles.length;i++){\n const o = obstacles[i];\n if(rectsOverlap(playerBox, {x:o.x,y:o.y,w:o.w,h:o.h})){\n endGame();\n break;\n }\n }\n\n score += 0.12 * (speed\/4);\n if(frame % 300 === 0) speed += 0.4;\n scoreEl.textContent = Math.floor(score);\n }\n\n function render(){\n drawBackground();\n obstacles.forEach(drawObstacle);\n drawPlayer();\n }\n\n function loop(){\n if(!running) return;\n update();\n render();\n rafId = requestAnimationFrame(loop);\n }\n\n function jump(){\n if(gameOver || !started){ startGame(); return; }\n if(player.onGround){\n player.vy = -13;\n player.onGround = false;\n }\n }\n\n function startGame(){\n resetGame();\n started = true;\n running = true;\n overlay.style.display = 'none';\n cancelAnimationFrame(rafId);\n rafId = requestAnimationFrame(loop);\n }\n\n function endGame(){\n running = false;\n gameOver = true;\n best = Math.max(best, Math.floor(score));\n overlay.innerHTML = '<strong>Game Over \u2014 Score '+Math.floor(score)+'<\/strong><span>Best: '+best+' \u00b7 Tap \/ Space to retry<\/span>';\n overlay.style.display = 'flex';\n }\n\n resetGame();\n render();\n\n wrap.addEventListener('click', jump);\n wrap.addEventListener('keydown', function(e){\n if(e.code === 'Space' || e.code === 'ArrowUp'){ e.preventDefault(); jump(); }\n });\n wrap.addEventListener('touchstart', function(e){ e.preventDefault(); jump(); }, {passive:false});\n })();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>CLAT UG LaunchPad 360 \u2014 Predictive & Analytical CLAT UG Test Series CLAT UG 2027 \u00b7 Predictive & Analytical Platform […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/site5.34.93.252.0.nip.io\/index.php\/wp-json\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/site5.34.93.252.0.nip.io\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/site5.34.93.252.0.nip.io\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/site5.34.93.252.0.nip.io\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/site5.34.93.252.0.nip.io\/index.php\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":15,"href":"https:\/\/site5.34.93.252.0.nip.io\/index.php\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":40,"href":"https:\/\/site5.34.93.252.0.nip.io\/index.php\/wp-json\/wp\/v2\/pages\/20\/revisions\/40"}],"wp:attachment":[{"href":"https:\/\/site5.34.93.252.0.nip.io\/index.php\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":20,"date":"2026-07-21T05:12:49","date_gmt":"2026-07-21T05:12:49","guid":{"rendered":"https:\/\/site5.34.93.252.0.nip.io\/?page_id=20"},"modified":"2026-07-24T12:29:12","modified_gmt":"2026-07-24T12:29:12","slug":"home","status":"publish","type":"page","link":"https:\/\/site5.34.93.252.0.nip.io\/index.php\/home\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n \n \n \n CLAT UG LaunchPad 360 \u2014 Predictive & Analytical CLAT UG Test Series<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n <style>\n \/* \u2500\u2500 RESET & VARIABLES \u2500\u2500 *\/\n *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\n :root {\n --cream:#FAF8F4; --cream-mid:#f0e8d8; --cream-border:#e3dccb; --cards:#FFFFFF;\n --primary:#1E3A5F; --accent:#FF9F1C; --body-text:#6B7280;\n --navy:var(--primary); --navy-mid:#16324f; --navy-soft:#2f5c8f; --navy-muted:var(--body-text);\n --amber:var(--accent); --amber-light:#ffb347; --amber-bg:rgba(255,159,28,.10); --amber-border:rgba(255,159,28,.28);\n --green:#10b981; --white:#fff; --bg:var(--cream); --text-main:var(--primary); --text-muted:var(--body-text);\n --section-space:96px; --heading-to-para:32px; --para-to-content:32px;\n --radius-card:20px; --radius-btn:14px; --btn-height:56px; --transition-base:.3s ease;\n --shadow-card:0 10px 30px rgba(30,58,95,.08),0 2px 8px rgba(30,58,95,.04);\n --shadow-card-hover:0 22px 48px rgba(30,58,95,.14),0 4px 14px rgba(30,58,95,.06);\n }\n html { scroll-behavior:smooth; overflow-x:hidden; max-width:100%; }\n body { background:var(--bg); font-family:'Inter','Segoe UI',sans-serif; font-weight:400; overflow-x:hidden; max-width:100%; -webkit-font-smoothing:antialiased; color:var(--text-main); }\n a { text-decoration:none; color:inherit; }\n .icon { width:1em; height:1em; display:inline-block; vertical-align:-0.14em; flex-shrink:0; }\n h1,h2,h3,h4,.dash-htitle { font-family:'Plus Jakarta Sans','Segoe UI',sans-serif; font-weight:700; }\n a:focus-visible, button:focus-visible { outline:2.5px solid var(--accent); outline-offset:3px; border-radius:8px; }\n .reveal { opacity:0; transform:translateY(32px); transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1); }\n .reveal.in-view { opacity:1; transform:translateY(0); }\n @media (prefers-reduced-motion: reduce){ *,*::before,*::after{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important; } .reveal{ opacity:1; transform:none; } }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero-wrap { background:radial-gradient(ellipse 130% 70% at 65% -10%, #e9eff6 0%, var(--cream) 55%, #fdf1e2 100%); position:relative; overflow:hidden; }\n .blob { position:absolute; border-radius:50%; filter:blur(90px); opacity:.4; animation:blobFloat 9s ease-in-out infinite alternate; pointer-events:none; will-change:transform; }\n .blob-1 { width:560px; height:560px; background:radial-gradient(circle,var(--cream-mid),var(--cream-border)); top:-140px; left:-120px; }\n .blob-2 { width:440px; height:440px; background:radial-gradient(circle,var(--amber-light),var(--accent)); top:80px; right:-100px; animation-delay:2.5s; opacity:.15; }\n .blob-3 { width:320px; height:320px; background:radial-gradient(circle,var(--navy-soft),var(--navy)); bottom:60px; left:28%; animation-delay:5s; opacity:.1; }\n .blob-4 { width:200px; height:200px; background:radial-gradient(circle,var(--accent),var(--amber-light)); bottom:20%; right:20%; animation-delay:3s; opacity:.15; }\n @keyframes blobFloat { 0%{ transform:scale(1) translate(0,0); } 100%{ transform:scale(1.14) translate(24px,-22px); } }\n .grid-overlay { position:absolute; inset:0; background-image:linear-gradient(rgba(30,58,95,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(30,58,95,.03) 1px,transparent 1px); background-size:52px 52px; pointer-events:none; }\n .particles { position:absolute; inset:0; pointer-events:none; overflow:hidden; z-index:1; }\n .particle { position:absolute; border-radius:50%; animation:particleDrift linear infinite; }\n @keyframes particleDrift { 0%{ transform:translateY(105vh) rotate(0deg); opacity:0; } 8%{ opacity:.55; } 92%{ opacity:.28; } 100%{ transform:translateY(-80px) rotate(400deg); opacity:0; } }\n .hero { position:relative; z-index:5; display:grid; grid-template-columns:1.05fr 0.95fr; align-items:center; gap:40px; padding:var(--section-space) 48px 56px; max-width:1360px; margin:0 auto; }\n .hero-left { display:flex; flex-direction:column; gap:22px; min-width:0; animation:fadeLeft .85s .15s cubic-bezier(.22,1,.36,1) both; }\n @keyframes fadeLeft { from{ opacity:0; transform:translateX(-44px); } to{ opacity:1; transform:translateX(0); } }\n .badge { display:inline-flex; align-items:center; gap:9px; background:var(--amber-bg); border:1px solid var(--amber-border); border-radius:28px; padding:8px 18px; width:fit-content; }\n .badge-dot { width:7px; height:7px; background:var(--accent); border-radius:50%; animation:pulseDot 2.2s infinite; }\n @keyframes pulseDot { 0%,100%{ box-shadow:0 0 0 0 rgba(255,159,28,.5); } 50%{ box-shadow:0 0 0 7px rgba(255,159,28,0); } }\n .badge-text { font-family:'Inter',sans-serif; font-size:11.5px; font-weight:600; color:var(--accent); letter-spacing:1.3px; text-transform:uppercase; }\n .hero-title { font-family:'Plus Jakarta Sans',sans-serif; font-size:clamp(34px,4.6vw,60px); font-weight:700; color:var(--text-main); line-height:1.06; letter-spacing:-.5px; }\n .hero-title .gradient-text { display:inline-block; background:linear-gradient(108deg, var(--navy-mid) 0%, var(--accent) 60%, var(--amber-light) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; background-size:200% auto; animation:textShimmer 4s linear infinite; }\n @keyframes textShimmer { 0%{ background-position:0% center; } 100%{ background-position:200% center; } }\n .hero-sub { font-family:'Inter',sans-serif; font-weight:400; font-size:17px; color:var(--text-muted); line-height:1.65; max-width:480px; margin-top:6px; }\n .hero-sub-list { font-family:'Inter',sans-serif; font-weight:400; font-size:17px; color:var(--text-muted); line-height:1.7; max-width:470px; padding-left:20px; margin:var(--heading-to-para) 0 0; }\n .hero-sub-list li { margin-bottom:8px; }\n .stats-row { display:flex; align-items:stretch; gap:0; margin-top:8px; flex-wrap:wrap; }\n .stat-item { display:flex; flex-direction:column; gap:3px; padding:0 24px; }\n .stat-item:first-child { padding-left:0; }\n .stat-num { font-family:'Plus Jakarta Sans',sans-serif; font-size:28px; font-weight:700; background:linear-gradient(120deg,var(--navy),var(--navy-soft)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }\n .stat-label { font-family:'Inter',sans-serif; font-size:12px; color:var(--text-muted); font-weight:500; }\n .stat-divider { width:1px; background:rgba(30,58,95,.18); margin:4px 0; }\n .hero-cta { display:flex; align-items:center; gap:16px; margin-top:8px; flex-wrap:wrap; }\n .btn-primary { display:flex; align-items:center; gap:11px; background:linear-gradient(135deg,var(--accent),var(--amber-light)); color:white; border:none; border-radius:var(--radius-btn); min-height:var(--btn-height); padding:14px 34px; max-width:100%; white-space:normal; font-family:'Inter',sans-serif; font-size:16px; font-weight:600; cursor:pointer; transition:all var(--transition-base); box-shadow:0 16px 40px rgba(255,159,28,.38); letter-spacing:.2px; position:relative; overflow:hidden; }\n .btn-primary:hover { transform:translateY(-4px) scale(1.02); box-shadow:0 24px 54px rgba(255,159,28,.5); }\n .btn-secondary { display:flex; align-items:center; gap:11px; background:#fff; color:var(--navy); border:1.5px solid var(--cream-border); border-radius:var(--radius-btn); min-height:var(--btn-height); padding:14px 30px; font-family:'Inter',sans-serif; font-size:16px; font-weight:600; cursor:pointer; transition:all var(--transition-base); }\n .btn-secondary:hover { border-color:var(--amber-border); background:var(--amber-bg); transform:translateY(-2px); }\n .btn-arrow { width:34px; height:34px; background:rgba(255,255,255,.24); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:17px; flex-shrink:0; transition:transform var(--transition-base); }\n .btn-primary:hover .btn-arrow { transform:translateX(3px); }\n .trust-row { display:flex; align-items:center; gap:14px; flex-wrap:wrap; }\n .trust-avatars { display:flex; }\n .trust-avatars .av { width:44px; height:44px; border-radius:50%; border:2.5px solid var(--cream); overflow:hidden; display:flex; align-items:center; justify-content:center; margin-left:-12px; flex-shrink:0; color:#fff; font-family:'Plus Jakarta Sans',sans-serif; font-weight:700; font-size:16px; box-shadow:0 4px 10px rgba(30,58,95,.15); }\n .trust-avatars .av:first-child { margin-left:0; }\n .av-1 { background:linear-gradient(135deg,var(--navy-soft),var(--navy)); } .av-2 { background:linear-gradient(135deg,var(--amber-light),var(--accent)); }\n .av-3 { background:linear-gradient(135deg,var(--navy-mid),var(--navy)); } .av-4 { background:linear-gradient(135deg,#f59e0b,#ea580c); }\n .av-5 { background:linear-gradient(135deg,var(--navy-muted),var(--navy-mid)); }\n .trust-text { font-family:'Inter',sans-serif; font-size:13px; color:var(--text-muted); line-height:1.5; }\n .trust-text strong { color:var(--text-main); font-weight:700; }\n\n \/* DASHBOARD RIGHT SIDE (Reduced Size & Centered Elements) *\/\n .hero-right { display:flex; flex-direction:column; justify-content:flex-start; align-items:center; position:relative; animation:fadeRight .9s .25s cubic-bezier(.22,1,.36,1) both; }\n @keyframes fadeRight { from{ opacity:0; transform:translateX(44px); } to{ opacity:1; transform:translateX(0); } }\n \n .dashboard-scene { width:100%; max-width:600px; position:relative; margin: 0 auto; }\n .dashboard-card { background:rgba(255,255,255,.94); backdrop-filter:blur(24px); border:1px solid var(--cream-border); border-radius:20px; padding:24px; transform:perspective(1000px) rotateY(-10deg) rotateX(4deg); box-shadow:40px 44px 110px rgba(30,58,95,.16),0 10px 34px rgba(30,58,95,.08),inset 0 1px 0 rgba(255,255,255,1); animation:dashFloat 7s ease-in-out infinite; position:relative; z-index:10; margin-left:32px; }\n @keyframes dashFloat { 0%,100%{ transform:perspective(1000px) rotateY(-10deg) rotateX(4deg) translateY(0); } 50%{ transform:perspective(1000px) rotateY(-8deg) rotateX(2deg) translateY(-10px); } }\n .dash-sidebar { position:absolute; left:-12px; top:50%; transform:translateY(-50%); z-index:20; display:flex; flex-direction:column; gap:8px; background:rgba(255,255,255,.95); backdrop-filter:blur(14px); border:1px solid var(--cream-border); border-radius:14px; padding:10px 8px; box-shadow:10px 16px 42px rgba(30,58,95,.1); animation:dashFloat 7s 1s ease-in-out infinite; }\n .sb-dot { width:28px; height:28px; border-radius:8px; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all var(--transition-base); background:transparent; }\n .sb-dot:hover { background:var(--cream-mid); transform:scale(1.08); }\n .sb-dot.active { background:linear-gradient(135deg,var(--accent),var(--amber-light)); box-shadow:0 4px 14px rgba(255,159,28,.35); }\n .sb-dot svg { width:14px; height:14px; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }\n .sb-dot.active svg { stroke:white; } .sb-dot:not(.active) svg { stroke:var(--navy-muted); }\n \n .dash-header { display:flex; align-items:center; gap:10px; margin-bottom:16px; }\n .dash-hicon { width:30px; height:30px; background:linear-gradient(135deg,var(--navy),var(--navy-mid)); border-radius:8px; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 14px rgba(30,58,95,.2); }\n .dash-hicon svg { width:16px; height:16px; fill:none; stroke:white; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }\n .dash-htitle { font-size:16px; font-weight:700; color:var(--text-main); }\n .dash-dots { margin-left:auto; display:flex; gap:6px; }\n .dash-dot { width:10px; height:10px; border-radius:50%; }\n .dd-r { background:#ef4444; } .dd-y { background:#f59e0b; } .dd-g { background:#10b981; }\n \n .dash-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }\n .score-card { background:linear-gradient(135deg,var(--cream),var(--cream-mid)); border:1px solid var(--cream-border); border-radius:16px; padding:16px; display:flex; flex-direction:column; align-items:center; gap:12px; box-shadow:var(--shadow-card); transition:transform var(--transition-base),box-shadow var(--transition-base); }\n .score-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-card-hover); }\n .card-label { font-family:'Inter',sans-serif; font-size:10.5px; font-weight:700; color:var(--text-muted); text-transform:uppercase; letter-spacing:.9px; }\n .ring-wrap { position:relative; width:90px; height:90px; }\n .ring-svg { width:90px; height:90px; transform:rotate(-90deg); }\n .ring-bg { fill:none; stroke:rgba(30,58,95,.1); stroke-width:8; }\n .ring-fg { fill:none; stroke-width:8; stroke-linecap:round; stroke-dasharray:295; stroke-dashoffset:295; animation:ringDraw 2s .6s cubic-bezier(.22,1,.36,1) forwards; }\n @keyframes ringDraw { to{ stroke-dashoffset:44; } }\n .ring-text { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; }\n .ring-num { font-family:'Plus Jakarta Sans',sans-serif; font-size:24px; font-weight:700; color:var(--text-main); line-height:1; }\n .ring-denom { font-family:'Inter',sans-serif; font-size:11px; color:var(--text-muted); }\n \n .potential-card { background:var(--cards); border:1px solid var(--cream-border); border-radius:16px; padding:16px; display:flex; flex-direction:column; gap:8px; box-shadow:var(--shadow-card); transition:transform var(--transition-base),box-shadow var(--transition-base); }\n .potential-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-card-hover); }\n .potential-val { font-family:'Plus Jakarta Sans',sans-serif; font-size:17px; font-weight:700; color:#10b981; }\n .sparkline-svg { width:100%; height:50px; overflow:visible; }\n .spark-area { fill:url(#sparkFill); }\n .spark-line { fill:none; stroke:url(#sparkStroke); stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:400; stroke-dashoffset:400; animation:sparkDraw 2s 1s ease forwards; }\n @keyframes sparkDraw { to{ stroke-dashoffset:0; } }\n \n .dash-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:14px; }\n .stat-card { background:var(--cards); border:1px solid var(--cream-border); border-radius:14px; padding:12px 10px; box-shadow:var(--shadow-card); transition:transform var(--transition-base),box-shadow var(--transition-base); }\n .stat-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-card-hover); }\n .stat-card-label { font-family:'Inter',sans-serif; font-size:10px; color:var(--text-muted); font-weight:600; margin-bottom:5px; text-transform:uppercase; letter-spacing:.7px; }\n .stat-card-num { font-family:'Plus Jakarta Sans',sans-serif; font-size:20px; font-weight:700; color:var(--text-main); margin-bottom:6px; }\n .prog-bar { height:5px; border-radius:4px; background:rgba(30,58,95,.1); overflow:hidden; }\n .prog-fill { height:100%; border-radius:4px; animation:barGrow 1.6s .9s ease both; }\n @keyframes barGrow { from{ width:0 !important; } }\n \n .dash-breakdown { margin-top:14px; background:var(--cards); border:1px solid var(--cream-border); border-radius:14px; padding:14px 16px 16px; box-shadow:var(--shadow-card); }\n .dash-breakdown-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }\n .dash-breakdown-head span { font-family:'Inter',sans-serif; font-size:10px; font-weight:700; color:var(--text-muted); text-transform:uppercase; letter-spacing:.7px; }\n .dash-breakdown-head b { font-family:'Plus Jakarta Sans',sans-serif; font-size:11px; color:var(--navy); }\n .breakdown-row { display:grid; grid-template-columns:100px 1fr 34px; align-items:center; gap:10px; margin-bottom:8px; }\n .breakdown-row:last-child { margin-bottom:0; }\n .breakdown-label { font-family:'Inter',sans-serif; font-size:11.5px; font-weight:600; color:var(--navy); }\n .breakdown-bar { height:6px; border-radius:4px; background:rgba(30,58,95,.08); overflow:hidden; }\n .breakdown-fill { height:100%; border-radius:4px; animation:barGrow 1.6s .9s ease both; }\n .breakdown-pct { font-family:'Plus Jakarta Sans',sans-serif; font-size:11px; font-weight:700; color:var(--navy-muted); text-align:right; }\n \n .side-pills { position:absolute; right:-110px; top:50%; transform:translateY(-50%); display:flex; flex-direction:column; gap:12px; z-index:20; }\n .pill { display:flex; align-items:flex-start; gap:8px; background:var(--cards); border:1px solid var(--cream-border); border-radius:14px; padding:10px 12px; width:140px; box-shadow:10px 14px 36px rgba(30,58,95,.09); backdrop-filter:blur(10px); animation:pillFloat 6s ease-in-out infinite; transition:transform var(--transition-base),box-shadow var(--transition-base); }\n .pill:hover { transform:translateY(-6px) scale(1.03); box-shadow:14px 20px 44px rgba(255,159,28,.18); }\n .pill:nth-child(1){ animation-delay:0s; } .pill:nth-child(2){ animation-delay:2s; } .pill:nth-child(3){ animation-delay:4s; }\n @keyframes pillFloat { 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-8px); } }\n .pill-ico { width:28px; height:28px; border-radius:8px; flex-shrink:0; display:flex; align-items:center; justify-content:center; }\n .pill-ico svg { width:14px; height:14px; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }\n .pill-ico.ai { background:rgba(30,58,95,.08); } .pill-ico.ai svg { stroke:var(--navy); }\n .pill-ico.trust { background:var(--amber-bg); } .pill-ico.trust svg { stroke:var(--accent); }\n .pill-ico.rt { background:rgba(47,92,143,.1); } .pill-ico.rt svg { stroke:var(--navy-soft); }\n .pill-head { font-family:'Plus Jakarta Sans',sans-serif; font-size:11px; font-weight:700; color:var(--text-main); line-height:1.3; }\n .pill-sub { font-family:'Inter',sans-serif; font-size:10px; color:var(--text-muted); line-height:1.4; margin-top:2px; }\n\n \/* Centered Text below the dashboard *\/\n .hero-below-heading { width:100%; max-width:600px; margin:32px auto 0 auto; text-align:center; padding-left:32px; box-sizing:border-box; }\n .hero-below-kicker { font-family:'Inter',sans-serif; font-size:12px; font-weight:700; color:var(--accent); letter-spacing:1px; text-transform:uppercase; margin-bottom:8px; text-align:center; }\n .hero-below-heading h2 { font-family:'Plus Jakarta Sans',sans-serif; font-size:clamp(20px,2.2vw,28px); font-weight:400; color:var(--navy); line-height:1.25; margin-bottom:4px; text-align:center; }\n .hero-below-heading h2 strong { font-weight:800; }\n .hero-below-heading h3 { font-family:'Plus Jakarta Sans',sans-serif; font-size:clamp(16px,1.8vw,20px); font-weight:400; color:var(--navy-muted); line-height:1.3; text-align:center; }\n .hero-below-heading h3 strong { font-weight:800; color:var(--navy); }\n\n \/* \u2500\u2500 FOUNDATION \/ COVERAGE \u2500\u2500 *\/\n .foundation-wrap { background:var(--cream-mid); padding:var(--section-space) 24px; }\n .foundation-inner { max-width:1360px; margin:0 auto; display:grid; grid-template-columns:0.95fr 1.15fr; gap:56px; align-items:start; }\n .foundation-left { display:flex; flex-direction:column; gap:16px; }\n .foundation-badge { display:inline-flex; align-items:center; gap:8px; background:#ffffff; border:1px solid var(--cream-border); padding:8px 16px; border-radius:30px; font-family:'Inter', sans-serif; font-size:12px; font-weight:700; color:var(--accent); text-transform:uppercase; letter-spacing:1px; width:fit-content; box-shadow: 0 4px 10px rgba(0,0,0,0.03); margin-bottom: 4px; }\n .foundation-badge i { color:var(--navy); font-size:14px; }\n .foundation-h2 { font-family:'Plus Jakarta Sans',sans-serif; font-size:clamp(32px,4vw,48px); font-weight:800; line-height:1.15; color:var(--navy); margin-bottom:4px; letter-spacing:-1px; }\n .foundation-h2 .hi { color:var(--accent); }\n .foundation-sub { font-family:'Plus Jakarta Sans',sans-serif; font-size:15px; font-weight:700; color:var(--navy-soft); margin-bottom: 12px; letter-spacing: 0.2px; }\n \n .foundation-timeline { display:flex; flex-direction:column; gap:16px; margin: 12px 0 20px 0; list-style:none; padding:0; }\n .foundation-timeline li { display:flex; align-items:flex-start; gap:14px; padding-bottom:16px; border-bottom:1px solid rgba(30,58,95,0.08); }\n .foundation-timeline li:last-child { border-bottom:none; padding-bottom:0; }\n .ftl-icon { font-size:18px; margin-top:2px; flex-shrink:0; }\n .ftl-text { font-family:'Inter',sans-serif; font-size:14px; color:var(--navy-muted); line-height:1.6; }\n .ftl-text strong { color:var(--navy); font-weight:700; }\n \n .foundation-features-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom: 8px; }\n .ff-card { background:#ffffff; border:1px solid var(--cream-border); border-radius:12px; padding:14px 16px; display:flex; align-items:center; gap:12px; box-shadow: 0 4px 12px rgba(30,58,95,0.04); transition: transform 0.3s ease; }\n .ff-card:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(30,58,95,0.08); }\n .ff-icon { font-size:18px; flex-shrink:0; }\n .ff-card span { font-family:'Plus Jakarta Sans',sans-serif; font-size:12.5px; font-weight:700; color:var(--navy); line-height:1.3; }\n \n @media(max-width:640px) { .foundation-features-grid { grid-template-columns:1fr; } }\n \n .video-headline { text-align: left; font-family: 'Plus Jakarta Sans', sans-serif; font-size: clamp(32px, 4vw, 48px); font-weight: 800; line-height: 1.15; color: var(--navy); margin: 36px 0 24px 0; letter-spacing: -1px; }\n .video-headline-highlight { color: var(--accent); }\n\n .mapping-card { width:100%; background:var(--cards); border-radius:var(--radius-card); overflow:hidden; box-shadow:var(--shadow-card-hover); border:1px solid var(--cream-border); transition:transform var(--transition-base); }\n .mapping-card:hover { transform:translateY(-6px); }\n .cvs-video-placeholder { width:100%; aspect-ratio:16\/7; background:radial-gradient(circle at 30% 25%, rgba(255,159,28,.55) 0%, rgba(255,159,28,0) 45%),radial-gradient(circle at 75% 70%, rgba(47,92,143,.55) 0%, rgba(47,92,143,0) 50%),linear-gradient(135deg,var(--navy) 0%,var(--navy-mid) 55%,#0c2740 100%); display:flex; align-items:center; justify-content:center; cursor:pointer; position:relative; overflow:hidden; }\n .cvs-video-placeholder::before { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); background-size:34px 34px; opacity:.5; }\n .cvs-video-badge { position:absolute; top:16px; left:16px; background:rgba(255,255,255,.14); backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,.25); color:#fff; font-family:'Inter',sans-serif; font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:6px 12px; border-radius:100px; z-index:2; }\n .cvs-video-duration { position:absolute; bottom:16px; right:16px; background:rgba(0,0,0,.45); color:#fff; font-family:'Inter',sans-serif; font-size:12px; font-weight:600; padding:5px 10px; border-radius:8px; z-index:2; }\n .cvs-play-btn { width:76px; height:76px; border-radius:50%; background:rgba(255,255,255,.16); border:1.5px solid rgba(255,255,255,.4); display:flex; align-items:center; justify-content:center; transition:transform var(--transition-base),background var(--transition-base); position:relative; z-index:2; box-shadow:0 12px 30px rgba(0,0,0,.25); }\n .cvs-play-btn::after { content:''; position:absolute; inset:-8px; border-radius:50%; border:2px solid rgba(255,255,255,.35); animation:ringPulse 2.6s ease-out infinite; }\n .cvs-video-placeholder:hover .cvs-play-btn { transform:scale(1.1); background:var(--accent); border-color:var(--accent); }\n .cvs-play-btn svg { width:26px; height:26px; fill:#fff; margin-left:4px; }\n @keyframes ringPulse { 0%{ transform:scale(.85); opacity:.9; } 100%{ transform:scale(1.35); opacity:0; } }\n\n \/* Compact Language Block *\/\n .cvs-lang-block { padding: 16px 20px 20px; }\n .cvs-lang-title { text-align:center; font-family:'Plus Jakarta Sans',sans-serif; font-size:14px; font-weight:800; color:var(--navy); margin-bottom:12px; }\n .cvs-lang-grid { display:grid; grid-template-columns:repeat(6, 1fr); gap:8px; width: 100%; overflow-x: auto; scrollbar-width: none; }\n .cvs-lang-grid::-webkit-scrollbar { display: none; }\n .cvs-lang-pill { display:flex; flex-direction:column; align-items:center; gap:4px; background:var(--cream); border:1.5px solid var(--cream-border); border-radius:12px; padding:10px 4px; cursor:pointer; transition:all var(--transition-base); min-width: 60px; }\n .cvs-lang-pill.active { border-color:var(--accent); background:linear-gradient(135deg,var(--accent),var(--amber-light)); box-shadow:0 8px 20px rgba(255,159,28,.3); transform:translateY(-2px); }\n .cvs-lang-pill.active .cvs-lang-glyph, .cvs-lang-pill.active span { color:#fff; }\n .cvs-lang-pill:hover { border-color:var(--amber-border); transform:translateY(-2px); }\n .cvs-lang-glyph { font-size:16px; font-weight:800; color:var(--navy-soft); }\n .cvs-lang-pill span { font-family:'Inter',sans-serif; font-size:10.5px; font-weight:700; color:var(--navy); white-space: nowrap; }\n\n @media(max-width:960px){ .foundation-inner{ grid-template-columns:1fr; gap:36px; } }\n @media(max-width:700px){\n .cvs-lang-grid { display: flex; flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; }\n .cvs-lang-pill { flex: 0 0 calc(33.333% - 6px); scroll-snap-align: start; }\n }\n @media(max-width:520px){ .analytics-grid{ grid-template-columns:1fr 1fr; } }\n\n \/* ===== EXAM DASH GAME SECTION ===== *\/\n .game-section { width:100%; padding:var(--section-space) 24px; background:var(--cream); font-family:'Inter',sans-serif; }\n .game-container { max-width:1400px; margin:0 auto; background:linear-gradient(160deg,var(--navy) 0%,var(--navy-mid) 100%); border-radius:var(--radius-card); padding:36px 40px; display:grid; grid-template-columns:0.85fr 1.15fr; gap:36px; align-items:center; position:relative; overflow:hidden; box-shadow:var(--shadow-card-hover); }\n .game-container::before { content:''; position:absolute; width:260px; height:260px; border-radius:50%; background:radial-gradient(circle,rgba(255,159,28,.18) 0%,rgba(255,159,28,0) 70%); top:-100px; right:-60px; pointer-events:none; }\n .game-container::after { content:''; position:absolute; width:220px; height:220px; border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.06) 0%,rgba(255,255,255,0) 70%); bottom:-100px; left:-60px; pointer-events:none; }\n .game-copy { position:relative; z-index:1; }\n .game-badge { display:inline-flex; align-items:center; gap:8px; padding:7px 16px; background:rgba(255,255,255,.08); border:1px solid rgba(255,159,28,.35); border-radius:100px; font-family:'Inter',sans-serif; font-size:11px; font-weight:700; color:var(--amber-light); text-transform:uppercase; letter-spacing:.5px; margin-bottom:14px; }\n .game-title { font-family:'Plus Jakarta Sans',sans-serif; font-size:clamp(22px,2.6vw,30px); font-weight:800; color:#fff; line-height:1.22; margin-bottom:10px; }\n .game-title span { color:var(--amber-light); }\n .game-desc { font-family:'Inter',sans-serif; font-size:14px; line-height:1.7; color:rgba(255,255,255,.72); max-width:420px; margin-bottom:18px; }\n .game-howto { display:flex; flex-direction:column; gap:10px; margin-bottom:4px; }\n .game-howto-item { display:flex; align-items:center; gap:10px; font-family:'Inter',sans-serif; font-size:12.5px; color:rgba(255,255,255,.82); font-weight:600; }\n .game-howto-item .key { display:inline-flex; align-items:center; justify-content:center; min-width:26px; height:26px; padding:0 8px; border-radius:7px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.18); font-family:'Plus Jakarta Sans',sans-serif; font-size:11px; font-weight:700; color:var(--amber-light); }\n .game-panel { position:relative; z-index:1; }\n .exam-runner-wrap { width:100%; }\n .exam-runner-card { width:100%; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(10px); border-radius:16px; padding:16px 16px 14px; box-shadow:0 12px 30px rgba(0,0,0,.18); }\n .exam-runner-head { display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:10px; flex-wrap:wrap; }\n .exam-runner-title { font-family:'Plus Jakarta Sans',sans-serif; font-size:12px; font-weight:800; color:#fff; letter-spacing:.3px; text-transform:uppercase; text-align:left; }\n .exam-runner-title span { font-family:'Inter',sans-serif; font-weight:500; text-transform:none; color:rgba(255,255,255,.55); letter-spacing:0; }\n .exam-runner-score { font-family:'Plus Jakarta Sans',sans-serif; font-size:13px; font-weight:800; color:var(--amber-light); white-space:nowrap; }\n .exam-runner-canvas-wrap { position:relative; border-radius:10px; overflow:hidden; cursor:pointer; outline:none; }\n .exam-runner-canvas-wrap:focus-visible { outline:2px solid var(--amber-light); outline-offset:2px; }\n #examRunnerCanvas { display:block; width:100%; height:auto; }\n .exam-runner-overlay { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; background:rgba(12,39,64,.62); backdrop-filter:blur(2px); color:#fff; font-family:'Inter',sans-serif; text-align:center; padding:10px; }\n .exam-runner-overlay strong { font-family:'Plus Jakarta Sans',sans-serif; font-size:14px; }\n .exam-runner-overlay span { font-size:11px; color:rgba(255,255,255,.75); }\n @media(max-width:900px){\n .game-container { grid-template-columns:1fr; padding:28px 24px; }\n .game-desc { max-width:none; }\n }\n @media(max-width:600px){\n .game-container { padding:20px 16px; border-radius:16px; gap:20px; }\n .game-badge { font-size:10px; padding:6px 12px; margin-bottom:10px; }\n .game-title { font-size:19px; line-height:1.25; margin-bottom:8px; }\n .game-desc { font-size:13px; line-height:1.6; margin-bottom:14px; }\n .game-howto { gap:8px; margin-bottom:0; }\n .game-howto-item { font-size:11.5px; }\n .game-howto-item .key { min-width:24px; height:24px; font-size:10px; }\n .exam-runner-card { padding:14px 14px 12px; border-radius:14px; }\n .exam-runner-head { margin-bottom:8px; }\n .exam-runner-title { font-size:11px; }\n .exam-runner-score { font-size:13px; }\n }\n\n \/* \u2500\u2500 SUPERSTORE \u2500\u2500 *\/\n .other-exams-section { padding:var(--section-space) 40px; background:var(--cream); font-family:'Inter',sans-serif; }\n .exams-grid { max-width:1360px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:stretch; }\n .exam-card-wrapper { background:#fff; padding:40px; border-radius:var(--radius-card); border:1px solid var(--cream-border); box-shadow:var(--shadow-card); display:flex; flex-direction:column; height:100%; box-sizing:border-box; }\n .guide-card-wrapper { background:var(--cream-mid); padding:40px; border-radius:var(--radius-card); border:1px solid var(--cream-border); box-shadow:var(--shadow-card); display:flex; flex-direction:column; height:100%; box-sizing:border-box; }\n .exam-card-wrapper>p, .guide-card-wrapper>p { color:var(--navy-muted); font-size:15px; line-height:1.7; margin-bottom:28px; font-family:'Inter',sans-serif; }\n .exam-row { display:flex; align-items:center; justify-content:space-between; padding:20px; background:var(--cream); border-radius:16px; margin-bottom:16px; border:1px solid var(--cream-border); transition:transform var(--transition-base),box-shadow var(--transition-base); }\n .exam-row:last-child { margin-bottom:0; }\n .exam-row:hover { transform:translateY(-2px); box-shadow:var(--shadow-card-hover); }\n .exam-row-left { display:flex; align-items:center; gap:16px; }\n .exam-icon { width:48px; height:48px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:20px; flex-shrink:0; }\n .icon-neet { background:rgba(220,38,38,.1); color:#dc2626; }\n .icon-cuetug { background:rgba(16,185,129,.1); color:#10b981; }\n .icon-ipmat { background:rgba(47,92,143,.1); color:var(--navy-soft); }\n .icon-clat { background:var(--amber-bg); color:var(--accent); }\n .icon-cma { background:rgba(124,58,237,.1); color:#7c3aed; }\n .icon-nata { background:rgba(15,76,117,.1); color:var(--navy-mid); }\n .exam-row-info h4 { font-family:'Plus Jakarta Sans',sans-serif; font-size:16px; font-weight:700; color:var(--navy); margin-bottom:3px; }\n .exam-row-info p { font-size:12.5px; color:var(--navy-muted); line-height:1.5; }\n .exam-row-btn { background:transparent; border:1px solid var(--cream-border); padding:9px 16px; border-radius:20px; font-family:'Inter',sans-serif; font-weight:700; font-size:13px; cursor:pointer; transition:all var(--transition-base); white-space:nowrap; flex-shrink:0; }\n .btn-neet { color:#dc2626; } .btn-neet:hover { border-color:#dc2626; background:rgba(220,38,38,.05); }\n .btn-cuetug { color:#10b981; } .btn-cuetug:hover { border-color:#10b981; background:rgba(16,185,129,.05); }\n .btn-ipmat { color:var(--navy-soft); } .btn-ipmat:hover { border-color:var(--navy-soft); background:rgba(47,92,143,.05); }\n .btn-clat { color:var(--accent); } .btn-clat:hover { border-color:var(--accent); background:var(--amber-bg); }\n .btn-cma { color:#7c3aed; } .btn-cma:hover { border-color:#7c3aed; background:rgba(124,58,237,.05); }\n .btn-nata { color:var(--navy-mid); } .btn-nata:hover { border-color:var(--navy-mid); background:rgba(15,76,117,.05); }\n\n .guide-card-wrapper h2 { font-family:'Plus Jakarta Sans',sans-serif; font-size:clamp(24px,2.8vw,32px); font-weight:800; color:var(--navy); margin-bottom:14px; line-height:1.3; display:flex; align-items:flex-start; gap:12px; }\n .guide-card-wrapper h2 i { color:var(--accent); background:var(--amber-bg); width:40px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:50%; font-size:18px; flex-shrink:0; }\n .guide-card-wrapper h2 span { color:var(--accent); }\n .guide-content-split { display:flex; gap:20px; margin-bottom:30px; flex:1; }\n .guide-list { display:flex; flex-direction:column; gap:24px; flex:1; }\n .guide-item { display:flex; gap:16px; }\n .guide-item-icon { color:var(--accent); font-size:20px; margin-top:2px; flex-shrink:0; }\n .guide-item-text h4 { font-family:'Plus Jakarta Sans',sans-serif; font-size:15px; font-weight:700; color:var(--navy); margin-bottom:4px; }\n .guide-item-text p { font-size:13px; color:var(--navy-muted); line-height:1.55; }\n .guide-illustration { flex:1; display:flex; align-items:center; justify-content:center; }\n .guide-illustration img { max-width:100%; height:auto; max-height:260px; }\n\n .mgci-box { background:var(--cards); border:1px solid var(--cream-border); padding:24px 26px; border-radius:16px; display:flex; align-items:center; gap:20px; margin-bottom:18px; box-sizing:border-box; }\n .mgci-logo { font-family:'Plus Jakarta Sans',sans-serif; font-weight:800; font-size:20px; color:var(--accent); line-height:1.2; flex-shrink:0; }\n .mgci-logo small { display:block; font-size:9.5px; font-weight:700; letter-spacing:1px; color:var(--navy-muted); margin-top:4px; font-family:'Inter',sans-serif; }\n .mgci-text { font-size:14px; color:var(--navy-muted); line-height:1.6; font-family:'Inter',sans-serif; }\n .mgci-text strong { color:var(--navy); }\n\n .guide-btn { background:linear-gradient(135deg,var(--accent),var(--amber-light)); color:#fff; padding:18px 24px; border-radius:14px; width:100%; display:flex; justify-content:space-between; align-items:center; text-decoration:none; font-weight:700; font-size:14px; font-family:'Inter',sans-serif; transition:transform var(--transition-base),box-shadow var(--transition-base); margin-top:auto; box-shadow:0 10px 26px rgba(255,159,28,.28); }\n .guide-btn:hover { transform:translateY(-2px); box-shadow:0 16px 34px rgba(255,159,28,.4); }\n .guide-btn i { background:rgba(255,255,255,.22); width:28px; height:28px; display:flex; align-items:center; justify-content:center; border-radius:50%; flex-shrink:0; transition:transform var(--transition-base); }\n .guide-btn:hover i { transform:translateX(5px); }\n\n @media(min-width:901px){ .guide-content-split{ flex:1; } .guide-list{ gap:48px; } .guide-illustration img{ max-width:340px; } .mgci-box{ min-height:150px; align-items:center; } }\n @media(max-width:1100px){ \n .exams-grid{ grid-template-columns:1fr; }\n .hero-below-heading { padding-left: 0; margin: 32px auto 0; }\n .dashboard-card { margin-left: 0; }\n }\n @media(max-width:640px){ .exam-card-wrapper, .guide-card-wrapper{ padding:26px 20px; } .exam-row{ flex-direction:column; align-items:stretch; text-align:center; gap:10px; } .exam-row-left{ flex-direction:column; } .guide-content-split{ flex-direction:column; } .mgci-box{ flex-direction:column; text-align:center; gap:16px; padding:24px 20px; } }\n\n \/* \u2500\u2500 CLAT SYLLABUS SECTION \u2500\u2500 UPDATED \u2500\u2500 *\/\n #clat-syllabus-section {\n background: #fdf5ea;\n padding: 50px 24px 40px;\n}\n\n#clat-syllabus-section .clat-syllabus-container {\n max-width: 1400px;\n margin: 0 auto;\n width: 100%;\n}\n\n\/* CLAT syllabus heading *\/\n#clat-syllabus-section .clat-syllabus-heading {\n width: 100%;\n margin: 0 auto 42px;\n padding: 0 16px;\n text-align: center;\n}\n\n#clat-syllabus-section .clat-syllabus-heading h2 {\n margin: 0;\n color: #1e3a5f;\n font-family: \"Plus Jakarta Sans\", sans-serif;\n font-size: clamp(30px, 3.2vw, 46px);\n font-weight: 800;\n line-height: 1.18;\n letter-spacing: -1px;\n}\n\n#clat-syllabus-section .clat-syllabus-heading p {\n margin: 10px 0 0;\n color: #6b7280;\n font-family: \"Inter\", sans-serif;\n font-size: 18px;\n line-height: 1.5;\n}\n\n \/* \u2500\u2500 NEW: Choose-your-section wheel + pricing table (side-by-side, table LEFT \/ wheel RIGHT) \u2500\u2500 *\/\n #clat-syllabus-section .csw-layout {\n display: grid;\n grid-template-columns: minmax(460px, 1.3fr) minmax(300px, 0.7fr);\n align-items: center;\n justify-content: stretch;\n column-gap: 48px;\n row-gap: 40px;\n width: 100%;\n padding-top: 28px;\n }\n \/* table on the left, wheel on the right, regardless of source order *\/\n #clat-syllabus-section .pricing-table-wrap { order: 1; }\n #clat-syllabus-section .csw-wheel { order: 2; }\n\n #clat-syllabus-section .csw-wheel {\n position: relative;\n width: 100%;\n max-width: 460px;\n aspect-ratio: 1;\n margin: 0 auto;\n border-radius: 50%;\n animation: wheelSpin 45s linear infinite;\n container-type: inline-size;\n overflow: visible;\n }\n #clat-syllabus-section .csw-wheel:hover,\n #clat-syllabus-section .csw-wheel:hover .csw-node,\n #clat-syllabus-section .csw-wheel:hover .csw-hub {\n animation-play-state: paused;\n }\n #clat-syllabus-section .csw-ring {\n position: absolute;\n border-radius: 50%;\n border: 1.5px dashed rgba(30, 58, 95, 0.14);\n top: 50%;\n left: 50%;\n pointer-events: none;\n animation: clatRingSpin 30s linear infinite;\n }\n #clat-syllabus-section .csw-ring1 { width: 100%; height: 100%; transform: translate(-50%, -50%); animation-duration: 36s; }\n #clat-syllabus-section .csw-ring2 { width: 74%; height: 74%; transform: translate(-50%, -50%); animation-duration: 24s; animation-direction: reverse; }\n #clat-syllabus-section .csw-hub {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 25%;\n aspect-ratio: 1;\n border-radius: 50%;\n background: radial-gradient(circle at 34% 28%, var(--amber-light) 0%, var(--accent) 70%);\n box-shadow: 0 0 0 8px #fff, 0 0 0 9px var(--cream-border), 0 0 45px 12px rgba(255, 159, 28, 0.55);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n z-index: 5;\n text-align: center;\n padding: 6px;\n animation: nodeCounterSpin 45s linear infinite;\n }\n #clat-syllabus-section .csw-hub .fa-solid { font-size: clamp(13px, 5cqw, 26px); color: #fff; margin-bottom: 4px; }\n #clat-syllabus-section .csw-hub span { color: #fff; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: clamp(7.5px, 2.2cqw, 12.5px); line-height: 1.25; }\n #clat-syllabus-section .csw-node {\n position: absolute;\n width: 24%;\n aspect-ratio: 1;\n border-radius: 50%;\n background: #ffffff;\n border: 1.5px solid var(--cream-border);\n box-shadow: 0 12px 28px rgba(7, 28, 77, 0.10);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 4px;\n transform: translate(-50%, -50%);\n animation: nodeCounterSpin 45s linear infinite;\n z-index: 4;\n text-align: center;\n padding: 4px;\n transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n }\n #clat-syllabus-section .csw-node .fa-solid { font-size: clamp(11px, 3.8cqw, 20px); color: var(--navy-soft); }\n #clat-syllabus-section .csw-node span { font-family: 'Plus Jakarta Sans', sans-serif; font-size: clamp(7px, 2cqw, 12px); font-weight: 700; color: var(--navy); line-height: 1.2; }\n #clat-syllabus-section .csw-node:hover { transform: translate(-50%, -50%) scale(1.07); box-shadow: 0 16px 34px rgba(255, 159, 28, 0.22); z-index: 6; }\n #clat-syllabus-section .csw-node-active { border-color: #c91616; box-shadow: 0 0 0 4px rgba(201, 22, 22, 0.10), 0 12px 26px rgba(201, 22, 22, 0.18); z-index: 6; }\n #clat-syllabus-section .csw-node-active .fa-solid { color: #c91616; }\n \/* nodes pulled inward from the old 9%\/11% edges so they never clip the wheel's own box *\/\n #clat-syllabus-section .csw-node-top { left: 50%; top: 15%; }\n #clat-syllabus-section .csw-node-upper-right { left: 85%; top: 31%; }\n #clat-syllabus-section .csw-node-lower-right { left: 83%; top: 71%; }\n #clat-syllabus-section .csw-node-lower-left { left: 43%; top: 87%; }\n #clat-syllabus-section .csw-node-upper-left { left: 15%; top: 46%; }\n\n #clat-syllabus-section .pricing-table-wrap {\n width: 100%;\n background: #ffffff;\n border: 1px solid var(--cream-border);\n border-radius: 20px;\n overflow: hidden;\n box-shadow: var(--shadow-card-hover);\n align-self: center;\n display: flex;\n flex-direction: column;\n }\n #clat-syllabus-section .pricing-table-head,\n #clat-syllabus-section .pricing-table-body {\n display: grid;\n grid-template-columns: 0.8fr 1.45fr 0.75fr;\n }\n #clat-syllabus-section .pricing-table-head {\n background: var(--cream-mid);\n }\n #clat-syllabus-section .pricing-table-head div {\n padding: 22px 24px;\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-weight: 700;\n font-size: 15px;\n color: var(--navy);\n }\n #clat-syllabus-section .pricing-table-body {\n align-items: start;\n border-top: 1px solid var(--cream-border);\n }\n #clat-syllabus-section .pricing-table-col {\n padding: 18px 24px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: flex-start;\n }\n #clat-syllabus-section .pricing-table-duration {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-weight: 800;\n font-size: 16px;\n color: var(--navy);\n }\n #clat-syllabus-section .pricing-table-desc {\n font-family: 'Inter', sans-serif;\n font-size: 13.5px;\n color: var(--navy-muted);\n line-height: 1.55;\n }\n #clat-syllabus-section .pricing-table-subjects {\n list-style: none;\n margin: 12px 0 0;\n padding: 0;\n display: block;\n }\n #clat-syllabus-section .pricing-table-subjects li {\n position: relative;\n padding-left: 0;\n display: inline;\n line-height: 1.6;\n font-weight: 500;\n color: var(--navy-soft);\n }\n #clat-syllabus-section .pricing-table-subjects li::before {\n content: none;\n }\n #clat-syllabus-section .pricing-table-subjects li:not(:last-child)::after {\n content: ' |';\n margin: 0 5px 0 3px;\n color: rgba(30, 58, 95, 0.3);\n font-weight: 400;\n }\n\n @media (max-width: 1099px) and (min-width: 861px) {\n #clat-syllabus-section .csw-layout { column-gap: 28px; grid-template-columns: minmax(420px, 1.25fr) minmax(300px, 0.75fr); }\n #clat-syllabus-section .csw-wheel { max-width: 380px; }\n #clat-syllabus-section .pricing-table-head div,\n #clat-syllabus-section .pricing-table-col { padding: 14px; font-size: 12.5px; }\n }\n @media (max-width: 860px) {\n #clat-syllabus-section .csw-layout {\n grid-template-columns: 1fr;\n justify-items: center;\n padding: 0 8px;\n }\n #clat-syllabus-section .pricing-table-wrap { order: 1; }\n #clat-syllabus-section .csw-wheel { order: 2; max-width: 380px; margin-top: 8px; }\n }\n @media (max-width: 640px) {\n #clat-syllabus-section .csw-wheel { max-width: 300px; }\n #clat-syllabus-section .pricing-table-head div,\n #clat-syllabus-section .pricing-table-col { padding: 12px 10px; font-size: 11.5px; }\n #clat-syllabus-section .pricing-table-head div { font-size: 12.5px; }\n #clat-syllabus-section .pricing-table-duration { font-size: 13px; }\n }\n\n \/* \u2500\u2500 FAQ & FOOTER \u2500\u2500 *\/\n .faq-wrap { padding:36px 24px var(--section-space); background:var(--cream); }\n .modern-faq-section { width:100%; padding:80px 40px; background:var(--navy); border-radius:var(--radius-card); position:relative; overflow:hidden; }\n .modern-faq-section::before { content:\"\"; position:absolute; width:350px; height:350px; background:var(--accent); filter:blur(120px); opacity:.2; top:-120px; left:-100px; }\n .modern-faq-section::after { content:\"\"; position:absolute; width:320px; height:320px; background:var(--navy-soft); filter:blur(120px); opacity:.3; bottom:-120px; right:-100px; }\n .faq-heading { text-align:center; margin-bottom:50px; position:relative; z-index:2; }\n .faq-heading h2 { color:#fff; font-family:'Plus Jakarta Sans',sans-serif; font-size:38px; font-weight:800; margin-bottom:12px; }\n .faq-heading p { color:rgba(255,255,255,.72); font-family:'Inter',sans-serif; font-size:18px; }\n .faq-container { max-width:1100px; margin:auto; display:flex; flex-direction:column; gap:18px; position:relative; z-index:2; }\n .faq-item { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); border-radius:var(--radius-card); overflow:hidden; backdrop-filter:blur(18px); transition:.4s ease; }\n .faq-item:hover { transform:translateY(-4px); border-color:rgba(255,255,255,.25); }\n .faq-item[open] { background:rgba(255,159,28,.08); border-color:var(--amber-border); }\n .faq-item summary { list-style:none; cursor:pointer; padding:30px 36px; color:#fff; font-family:'Inter',sans-serif; font-size:18px; font-weight:700; position:relative; transition:color var(--transition-base); }\n .faq-item[open] summary { color:var(--amber-light); }\n .faq-item summary::-webkit-details-marker { display:none; }\n .faq-item summary::after { content:\"+\"; position:absolute; right:32px; top:50%; transform:translateY(-50%); font-size:26px; color:#fff; transition:transform .35s cubic-bezier(.22,1,.36,1),color var(--transition-base); }\n .faq-item[open] summary::after { transform:translateY(-50%) rotate(45deg); color:var(--amber-light); }\n .faq-content { padding:0 36px 30px; color:rgba(255,255,255,.8); font-family:'Inter',sans-serif; font-size:15.5px; line-height:1.75; animation:faqFadeIn .35s ease both; }\n @keyframes faqFadeIn { from{ opacity:0; transform:translateY(-6px); } to{ opacity:1; transform:translateY(0); } }\n footer { background:var(--navy); color:rgba(255,255,255,.5); text-align:center; padding:30px 40px; font-family:'Inter',sans-serif; font-size:13px; border-top:1px solid rgba(255,255,255,0.1); }\n footer strong { color:rgba(255,255,255,.8); }\n \n \/* \u2500\u2500 DISCOVER SECTION (RE-STYLED LIST & IMAGE) \u2500\u2500 *\/\n .discover-section { padding: var(--section-space) 24px; background: var(--cream); font-family: 'Inter', sans-serif; overflow: hidden; }\n .discover-container { max-width: 1360px; margin: 0 auto; display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 60px; align-items: center; }\n \n .discover-left { display: flex; flex-direction: column; justify-content: center; }\n .discover-plain-heading { \n font-family: 'Plus Jakarta Sans', sans-serif; \n font-size: clamp(28px, 3.5vw, 40px); \n font-weight: 800; \n color: var(--navy); \n line-height: 1.2; \n margin-bottom: 20px; \n letter-spacing: -0.5px;\n }\n \n \/* Beautiful Timeline List (COMPACTED) *\/\n .coverage-list { \n display: flex; \n flex-direction: column; \n gap: 4px; \n list-style: none; \n padding: 0; \n margin: 0; \n position: relative; \n }\n .coverage-list::before { \n content: ''; \n position: absolute; \n left: 24px; \n top: 8px; \n bottom: 8px; \n width: 2px; \n background: rgba(30,58,95,0.1); \n z-index: 0; \n }\n .coverage-list li { \n display: flex; \n gap: 20px; \n align-items: flex-start; \n position: relative; \n z-index: 1; \n background: transparent; \n padding: 10px 24px 10px 16px; \n border-radius: 16px; \n transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; \n cursor: default; \n }\n .coverage-list li:hover { background: #fff; box-shadow: 0 10px 30px rgba(30,58,95,0.06); transform: translateX(6px); border: 1px solid var(--cream-border); }\n \n .coverage-num { width: 48px; height: 48px; background: #fff; border: 2.5px solid var(--amber-light); color: var(--accent); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 800; font-family: 'Plus Jakarta Sans', sans-serif; flex-shrink: 0; box-shadow: 0 4px 12px rgba(255,159,28,0.15); transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease; z-index: 2; margin-top: 2px; }\n .coverage-list li:hover .coverage-num { background: linear-gradient(135deg, var(--accent), var(--amber-light)); color: #fff; border-color: transparent; box-shadow: 0 6px 16px rgba(255,159,28,0.3); }\n \n .coverage-text { \n font-size: 14.5px; \n color: var(--navy-muted); \n line-height: 1.5; \n padding-top: 4px; \n }\n .coverage-text strong { \n display: block; \n color: var(--navy); \n font-size: 16px; \n font-weight: 800; \n margin-bottom: 3px; \n font-family: 'Plus Jakarta Sans', sans-serif; \n transition: color 0.3s ease; \n }\n .coverage-list li:hover .coverage-text strong { color: var(--accent); }\n\n \/* Right Side Image Container *\/\n .discover-right { display: flex; align-items: center; justify-content: center; height: 100%; position: relative; }\n .discover-image-wrap { width: 100%; max-width: 600px; aspect-ratio: 4\/3; border-radius: 24px; overflow: hidden; box-shadow: 0 20px 50px rgba(30,58,95,0.12); border: 8px solid #fff; position: relative; transform: perspective(1000px) rotateY(-4deg) rotateX(2deg); transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.5s ease; }\n .discover-image-wrap:hover { transform: perspective(1000px) rotateY(0deg) rotateX(0deg) translateY(-8px); box-shadow: 0 30px 60px rgba(30,58,95,0.18); }\n .discover-image-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.7s ease; }\n .discover-image-wrap:hover img { transform: scale(1.05); }\n\n @media (max-width: 1024px) {\n .discover-container { grid-template-columns: 1fr; gap: 48px; }\n .discover-right { order: -1; } \/* Puts the image on top for tablet\/mobile *\/\n .discover-image-wrap { aspect-ratio: 16\/9; transform: none; }\n .discover-image-wrap:hover { transform: translateY(-4px); }\n }\n @media (max-width: 640px) {\n .discover-section { padding: 48px 16px; }\n .discover-plain-heading { font-size: 26px; text-align: center; }\n .coverage-list::before { left: 20px; }\n .coverage-list li { padding: 14px 10px; gap: 14px; }\n .coverage-list li:hover { transform: translateX(2px); }\n .coverage-num { width: 40px; height: 40px; font-size: 15px; }\n .coverage-text strong { font-size: 15px; }\n .coverage-text { font-size: 14px; }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <div class=\"hero-wrap\">\n <div class=\"blob blob-1\"><\/div><div class=\"blob blob-2\"><\/div>\n <div class=\"blob blob-3\"><\/div><div class=\"blob blob-4\"><\/div>\n <div class=\"grid-overlay\"><\/div>\n <div class=\"particles\" id=\"particles\"><\/div>\n\n <div class=\"hero\">\n <div class=\"hero-left\">\n <div class=\"badge\"><div class=\"badge-dot\"><\/div><span class=\"badge-text\">CLAT UG 2027 \u00b7 Predictive & Analytical Platform<\/span><\/div>\n <h1 class=\"hero-title\">India’s First Predictive & Analytical<br><span class=\"gradient-text\">CLAT UG<\/span> Test Series Platform<\/h1>\n <p class=\"hero-sub\">Improve your CLAT UG score with data-driven analytics & performance insights.<\/p>\n <ul class=\"hero-sub-list\">\n <li>Analyse behavioural decisions, knowledge strength, reading speed and accuracy during tests.<\/li>\n <li>Track analytical parameters and predict future solving time & score.<\/li>\n <\/ul>\n <div class=\"stats-row\">\n <div class=\"stat-item\"><div class=\"stat-num\" data-count=\"300\" data-suffix=\"+\">0<\/div><div class=\"stat-label\">Total Test<\/div><\/div>\n <div class=\"stat-divider\"><\/div>\n <div class=\"stat-item\"><div class=\"stat-num\" data-count=\"98\" data-suffix=\"%\">0<\/div><div class=\"stat-label\">Tested Predictive Accuracy<\/div><\/div>\n <div class=\"stat-divider\"><\/div>\n <div class=\"stat-item\"><div class=\"stat-num\" data-count=\"100\" data-suffix=\"+\">0<\/div><div class=\"stat-label\">Target Score<\/div><\/div>\n <\/div>\n <div class=\"hero-cta\">\n <button class=\"btn-primary\" onclick=\"document.getElementById('clat-syllabus-section')?.scrollIntoView({behavior:'smooth'})\"><span>Take Free Test<\/span><div class=\"btn-arrow\">\u2192<\/div><\/button>\n <button class=\"btn-secondary\" onclick=\"document.querySelector('.faq-wrap')?.scrollIntoView({behavior:'smooth'})\"><span>Buy Now<\/span><\/button>\n <\/div>\n <\/div>\n\n <div class=\"hero-right\">\n <div class=\"dashboard-scene\">\n <div class=\"dash-sidebar\">\n <div class=\"sb-dot active\" tabindex=\"0\" role=\"button\" aria-label=\"Overview\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16v16H4z\"><\/path><\/svg><\/div>\n <div class=\"sb-dot\" tabindex=\"0\" role=\"button\" aria-label=\"List view\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 12h16M4 6h16M4 18h16\"><\/path><\/svg><\/div>\n <div class=\"sb-dot\" tabindex=\"0\" role=\"button\" aria-label=\"Score ring\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle><\/svg><\/div>\n <div class=\"sb-dot\" tabindex=\"0\" role=\"button\" aria-label=\"Add test\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 4v16M4 12h16\"><\/path><\/svg><\/div>\n <\/div>\n\n <div class=\"dashboard-card\">\n <div class=\"dash-header\">\n <div class=\"dash-hicon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 3l8 4v5c0 5-3.5 8-8 9-4.5-1-8-4-8-9V7z\"><\/path><\/svg><\/div>\n <div class=\"dash-htitle\">LaunchPad 360<\/div>\n <div class=\"dash-dots\"><span class=\"dash-dot dd-r\"><\/span><span class=\"dash-dot dd-y\"><\/span><span class=\"dash-dot dd-g\"><\/span><\/div>\n <\/div>\n <div class=\"dash-grid\">\n <div class=\"score-card\">\n <div class=\"card-label\">CLAT Score<\/div>\n <div class=\"ring-wrap\">\n <svg class=\"ring-svg\" viewBox=\"0 0 100 100\">\n <circle class=\"ring-bg\" cx=\"50\" cy=\"50\" r=\"47\"><\/circle>\n <circle class=\"ring-fg\" cx=\"50\" cy=\"50\" r=\"47\" stroke=\"var(--accent)\"><\/circle>\n <\/svg>\n <div class=\"ring-text\"><div class=\"ring-num\">152<\/div><div class=\"ring-denom\">\/ 180<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"potential-card\">\n <div class=\"card-label\">Score Trend<\/div>\n <div class=\"potential-val\">\u2191 +34 pts<\/div>\n <svg class=\"sparkline-svg\" viewBox=\"0 0 200 60\" preserveAspectRatio=\"none\">\n <defs>\n <linearGradient id=\"sparkFill\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"#FF9F1C\" stop-opacity=\"0.35\"><\/stop><stop offset=\"100%\" stop-color=\"#FF9F1C\" stop-opacity=\"0\"><\/stop><\/linearGradient>\n <linearGradient id=\"sparkStroke\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\"><stop offset=\"0%\" stop-color=\"#1E3A5F\"><\/stop><stop offset=\"100%\" stop-color=\"#FF9F1C\"><\/stop><\/linearGradient>\n <\/defs>\n <path class=\"spark-area\" d=\"M0,50 L20,42 L40,45 L60,30 L80,35 L100,20 L120,25 L140,15 L160,18 L180,8 L200,10 L200,60 L0,60 Z\"><\/path>\n <path class=\"spark-line\" d=\"M0,50 L20,42 L40,45 L60,30 L80,35 L100,20 L120,25 L140,15 L160,18 L180,8 L200,10\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"dash-stats\">\n <div class=\"stat-card\"><div class=\"stat-card-label\">Accuracy<\/div><div class=\"stat-card-num\">98%<\/div><div class=\"prog-bar\"><div class=\"prog-fill\" style=\"width:98%;background:var(--accent);\"><\/div><\/div><\/div>\n <div class=\"stat-card\"><div class=\"stat-card-label\">Tests Done<\/div><div class=\"stat-card-num\">142<\/div><div class=\"prog-bar\"><div class=\"prog-fill\" style=\"width:64%;background:var(--navy-soft);\"><\/div><\/div><\/div>\n <div class=\"stat-card\"><div class=\"stat-card-label\">Weak Areas<\/div><div class=\"stat-card-num\">2<\/div><div class=\"prog-bar\"><div class=\"prog-fill\" style=\"width:22%;background:#10b981;\"><\/div><\/div><\/div>\n <\/div>\n <div class=\"dash-breakdown\">\n <div class=\"dash-breakdown-head\"><span>Section-wise Strength<\/span><b>Based on 142 tests<\/b><\/div>\n <div class=\"breakdown-row\"><div class=\"breakdown-label\">English<\/div><div class=\"breakdown-bar\"><div class=\"breakdown-fill\" style=\"width:82%;background:var(--accent);\"><\/div><\/div><div class=\"breakdown-pct\">82%<\/div><\/div>\n <div class=\"breakdown-row\"><div class=\"breakdown-label\">Current Affairs<\/div><div class=\"breakdown-bar\"><div class=\"breakdown-fill\" style=\"width:74%;background:var(--navy-soft);\"><\/div><\/div><div class=\"breakdown-pct\">74%<\/div><\/div>\n <div class=\"breakdown-row\"><div class=\"breakdown-label\">Legal Reasoning<\/div><div class=\"breakdown-bar\"><div class=\"breakdown-fill\" style=\"width:68%;background:#7c8493;\"><\/div><\/div><div class=\"breakdown-pct\">68%<\/div><\/div>\n <div class=\"breakdown-row\"><div class=\"breakdown-label\">Logical Reasoning<\/div><div class=\"breakdown-bar\"><div class=\"breakdown-fill\" style=\"width:71%;background:#6657a8;\"><\/div><\/div><div class=\"breakdown-pct\">71%<\/div><\/div>\n <div class=\"breakdown-row\"><div class=\"breakdown-label\">Quant<\/div><div class=\"breakdown-bar\"><div class=\"breakdown-fill\" style=\"width:59%;background:#10b981;\"><\/div><\/div><div class=\"breakdown-pct\">59%<\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"side-pills\">\n <div class=\"pill\"><div class=\"pill-ico ai\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2v4M12 18v4M4.9 4.9l2.8 2.8M16.3 16.3l2.8 2.8M2 12h4M18 12h4M4.9 19.1l2.8-2.8M16.3 7.7l2.8-2.8\"><\/path><\/svg><\/div><div><div class=\"pill-head\">AI Insights<\/div><div class=\"pill-sub\">Personalised analysis<\/div><\/div><\/div>\n <div class=\"pill\"><div class=\"pill-ico trust\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3 6 6 1-4.5 4.5L18 20l-6-3-6 3 1.5-6.5L3 9l6-1z\"><\/path><\/svg><\/div><div><div class=\"pill-head\">98% Accurate<\/div><div class=\"pill-sub\">Score predictions<\/div><\/div><\/div>\n <div class=\"pill\"><div class=\"pill-ico rt\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 6v6l4 2\"><\/path><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><\/svg><\/div><div><div class=\"pill-head\">Reading Speed<\/div><div class=\"pill-sub\">Solving quality analytics<\/div><\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-below-heading\">\n <div class=\"hero-below-kicker\">Data-Driven Analytics<\/div>\n <h2>Every <strong>Question<\/strong> Has a Story<\/h2>\n <h3>LaunchPad 360 Helps You <strong>Discover It<\/strong>.<\/h3>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <section class=\"discover-section reveal\">\n <div class=\"discover-container\">\n \n \n <div class=\"discover-left\">\n <h2 class=\"discover-plain-heading\">Complete CLAT UG Syllabus Coverage<\/h2>\n\n <ul class=\"coverage-list\">\n <li>\n <div class=\"coverage-num\">1<\/div>\n <div class=\"coverage-text\"><strong>Topic-wise Tests<\/strong> Cover the full syllabus with short topic tests to build a strong foundation.<\/div>\n <\/li>\n <li>\n <div class=\"coverage-num\">2<\/div>\n <div class=\"coverage-text\"><strong>Topic-wise PYQs<\/strong> Solve topic-wise 4-year previous questions to map your studying to actual exam patterns.<\/div>\n <\/li>\n <li>\n <div class=\"coverage-num\">3<\/div>\n <div class=\"coverage-text\"><strong>Section Tests<\/strong> Solve CLAT 6-section individual tests for securing a high score in your weaker subjects.<\/div>\n <\/li>\n <li>\n <div class=\"coverage-num\">4<\/div>\n <div class=\"coverage-text\"><strong>CLAT Test Series<\/strong> Real 2-hour full syllabus CLAT Mock Tests designed to simulate the final exam day.<\/div>\n <\/li>\n <li>\n <div class=\"coverage-num\">5<\/div>\n <div class=\"coverage-text\"><strong>Latest PYQs Tests<\/strong> Take Previous Year Question Tests to familiarise yourself perfectly with CLAT UG question structures.<\/div>\n <\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"discover-right\">\n <div class=\"discover-image-wrap\">\n \n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522202176988-66273c2fd55f?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80\" alt=\"Students preparing for CLAT UG Exam\">\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section id=\"clat-syllabus-section\">\n <div class=\"clat-syllabus-container reveal\">\n\n <div class=\"csw-layout\">\n\n \n <div class=\"pricing-table-wrap\">\n <div class=\"pricing-table-head\">\n <div>Starter Pack<\/div><div>Smarter Pack<\/div><div>Topper Pack<\/div>\n <\/div>\n <div class=\"pricing-table-body\">\n <div class=\"pricing-table-col\">\n <div class=\"pricing-table-duration\">30 minutes<\/div>\n <div class=\"pricing-table-desc\">Short Topic Tests<br>4 Year PYQs Topic Tests<\/div>\n <\/div>\n <div class=\"pricing-table-col\">\n <div class=\"pricing-table-duration\">60 minutes<\/div>\n <div class=\"pricing-table-desc\">\n <span>Solve 6-Section Individual Tests<\/span>\n <ul class=\"pricing-table-subjects\">\n <li>English Language<\/li>\n <li>Current Affairs<\/li>\n <li>General Knowledge<\/li>\n <li>Legal Reasoning<\/li>\n <li>Logical Reasoning<\/li>\n <li>Quantitative Techniques<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"pricing-table-col\">\n <div class=\"pricing-table-duration\">2 hours<\/div>\n <div class=\"pricing-table-desc\">Practice Full Length CLAT UG Tests<br>Solve 4 Year PYQs<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"csw-wheel\">\n <div class=\"csw-ring csw-ring1\"><\/div>\n <div class=\"csw-ring csw-ring2\"><\/div>\n\n <div class=\"csw-hub\">\n <i class=\"fa-solid fa-scale-balanced\"><\/i>\n <span>5 SECTIONS<br>120 QS<\/span>\n <\/div>\n\n <div class=\"csw-node csw-node-top\">\n <i class=\"fa-solid fa-chart-pie\"><\/i>\n <span>Quant<br>Techniques<\/span>\n <\/div>\n <div class=\"csw-node csw-node-upper-right csw-node-active\">\n <i class=\"fa-solid fa-book-open\"><\/i>\n <span>English<br>Language<\/span>\n <\/div>\n <div class=\"csw-node csw-node-lower-right\">\n <i class=\"fa-solid fa-globe-asia\"><\/i>\n <span>Current<br>Affairs<\/span>\n <\/div>\n <div class=\"csw-node csw-node-lower-left\">\n <i class=\"fa-solid fa-scale-balanced\"><\/i>\n <span>Legal<br>Reasoning<\/span>\n <\/div>\n <div class=\"csw-node csw-node-upper-left\">\n <i class=\"fa-solid fa-brain\"><\/i>\n <span>Logical<br>Reasoning<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"foundation-wrap\">\n <div class=\"foundation-inner\">\n <div class=\"foundation-left reveal\">\n \n <div class=\"foundation-badge\">\n <i class=\"fa-solid fa-graduation-cap\"><\/i>\n <span>INTEGRATED SCHOOL PROGRAM<\/span>\n <\/div>\n\n <h2 class=\"foundation-h2\">CLAT UG Preparation That Fits Your School <span class=\"hi\">Syllabus<\/span><\/h2>\n \n <p class=\"foundation-sub\">Perfect for Class 11 & 12 Students<\/p>\n\n <ul class=\"foundation-timeline\">\n <li>\n <div class=\"ftl-icon\">\ud83d\udcd8<\/div>\n <div class=\"ftl-text\">\n <strong>CLAT Habit Development<\/strong> \u2014 Daily CLAT rhythm with 30-minute Class 12th chapter topics Booster Test.\n <\/div>\n <\/li>\n <li>\n <div class=\"ftl-icon\">\ud83d\udcdd<\/div>\n <div class=\"ftl-text\">\n <strong>CLAT Pattern Awareness<\/strong> \u2014 Know CLAT patterns by practising chapter-wise PYQs from the last 4 years.\n <\/div>\n <\/li>\n <li>\n <div class=\"ftl-icon\">\ud83e\udde0<\/div>\n <div class=\"ftl-text\">\n <strong>CLAT Practice & Memory Check<\/strong> \u2014 Strengthen concepts with NCERT chapter-wise and combined chapter memory tests to revise, recall, and score better.\n <\/div>\n <\/li>\n <\/ul>\n\n <div class=\"foundation-features-grid\">\n <div class=\"ff-card\">\n <div class=\"ff-icon\">\ud83d\udcd8<\/div>\n <span>Chapter-wise Test series<\/span>\n <\/div>\n <div class=\"ff-card\">\n <div class=\"ff-icon\">\ud83d\udcca<\/div>\n <span>Comprehensive Concept Explanation<\/span>\n <\/div>\n <div class=\"ff-card\">\n <div class=\"ff-icon\">\ud83c\udfaf<\/div>\n <span>2 in 1 Board + CLAT UG Preparation<\/span>\n <\/div>\n <div class=\"ff-card\">\n <div class=\"ff-icon\">\ud83d\udee1\ufe0f<\/div>\n <span>Exam Readiness System<\/span>\n <\/div>\n <\/div>\n\n <button class=\"btn-primary\" style=\"width:fit-content;margin-top:20px;\">\n <span>Start Free Trial<\/span>\n <div class=\"btn-arrow\">\u2192<\/div>\n <\/button>\n\n <\/div>\n\n<div class=\"foundation-media-column\">\n\n <h1 class=\"video-headline\">\n It’s Not More Tests. It’s <span class=\"video-headline-highlight\">Smarter Learning<\/span>\n <\/h1>\n\n <div class=\"mapping-card reveal\">\n <div class=\"cvs-video-placeholder\">\n <div class=\"cvs-video-badge\">CLAT UG LaunchPad<\/div>\n\n <div class=\"cvs-play-btn\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M8 5v14l11-7z\"><\/path>\n <\/svg>\n <\/div>\n\n <div class=\"cvs-video-duration\">3:12<\/div>\n <\/div>\n\n\n <div class=\"cvs-lang-block\">\n\n <div class=\"cvs-lang-title\">\n Watch in Your Preferred Language\n <\/div>\n\n <div class=\"cvs-lang-slider\">\n\n <div class=\"cvs-lang-grid\" id=\"languageSlider\">\n\n <div class=\"cvs-lang-pill active\" tabindex=\"0\" role=\"button\">\n <div class=\"cvs-lang-glyph\">\u0d05<\/div>\n <span>Malayalam<\/span>\n <\/div>\n\n <div class=\"cvs-lang-pill\" tabindex=\"0\" role=\"button\">\n <div class=\"cvs-lang-glyph\">A<\/div>\n <span>English<\/span>\n <\/div>\n\n <div class=\"cvs-lang-pill\" tabindex=\"0\" role=\"button\">\n <div class=\"cvs-lang-glyph\">\u0905<\/div>\n <span>Hindi<\/span>\n <\/div>\n\n <div class=\"cvs-lang-pill\" tabindex=\"0\" role=\"button\">\n <div class=\"cvs-lang-glyph\">\u0b85<\/div>\n <span>Tamil<\/span>\n <\/div>\n\n <div class=\"cvs-lang-pill\" tabindex=\"0\" role=\"button\">\n <div class=\"cvs-lang-glyph\">\u0c05<\/div>\n <span>Telugu<\/span>\n <\/div>\n\n <div class=\"cvs-lang-pill\" tabindex=\"0\" role=\"button\">\n <div class=\"cvs-lang-glyph\">\u0c85<\/div>\n <span>Kannada<\/span>\n <\/div>\n\n <\/div>\n\n <button class=\"cvs-lang-next\" id=\"languageNext\" type=\"button\" aria-label=\"Show more languages\">\n <i class=\"fa-solid fa-chevron-right\"><\/i>\n <\/button>\n\n <\/div>\n<\/div>\n <\/div><\/div><\/div><\/section>\n\n \n <section class=\"game-section\">\n <div class=\"game-container reveal\">\n <div class=\"game-copy\">\n <div class=\"game-badge\">\ud83c\udfae Take a Study Break<\/div>\n <h2 class=\"game-title\">Play <span>Exam Dash<\/span> While Your Progress Loads<\/h2>\n <p class=\"game-desc\">\n A quick two-minute arcade break between test series. Guide your student\n past incoming books and deadlines \u2014 the longer you last, the higher your\n score climbs. It’s the same focus and timing CLAT UG exams reward,\n just a lot more fun.\n <\/p>\n <div class=\"game-howto\">\n <div class=\"game-howto-item\"><span class=\"key\">Tap<\/span> or click the game to jump obstacles<\/div>\n <div class=\"game-howto-item\"><span class=\"key\">Space<\/span> works too on desktop keyboards<\/div>\n <\/div>\n <\/div>\n\n <div class=\"game-panel\">\n <div class=\"exam-runner-wrap\">\n <div class=\"exam-runner-card\">\n <div class=\"exam-runner-head\">\n <div class=\"exam-runner-title\">\ud83c\udf93 Exam Dash <span>\u2014 tap or press space to jump<\/span><\/div>\n <div class=\"exam-runner-score\">Score: <span id=\"runnerScore\">0<\/span><\/div>\n <\/div>\n <div class=\"exam-runner-canvas-wrap\" id=\"runnerCanvasWrap\" tabindex=\"0\" role=\"button\" aria-label=\"Play Exam Dash mini game\">\n <canvas id=\"examRunnerCanvas\" width=\"480\" height=\"150\"><\/canvas>\n <div class=\"exam-runner-overlay\" id=\"runnerOverlay\">\n <strong>\ud83c\udf93 Exam Dash<\/strong>\n <span>Jump the books & deadlines. Tap \/ Space to start.<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"other-exams-section\">\n <div class=\"exams-grid\">\n <div class=\"exam-card-wrapper reveal\">\n <div style=\"text-align:left;margin:0 0 20px;padding:0;\">\n <h2 style=\"display:block;text-align:left;font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(24px,2.8vw,32px);font-weight:800;color:var(--navy);\">\n <span style=\"white-space:nowrap;\">Welcome to<\/span><br>\n <span style=\"color:var(--accent);\">Mass Graduates<br>Entrance Superstore<\/span>\n <\/h2>\n <\/div>\n <p>Discover career opportunities beyond CLAT UG through entrance exam preparation systems designed for medicine, management, commerce, and design career pathways.<\/p>\n <div class=\"exam-row\"><div class=\"exam-row-left\"><div class=\"exam-icon icon-neet\"><i class=\"fa-solid fa-stethoscope\"><\/i><\/div><div class=\"exam-row-info\"><h4>NEET<\/h4><p>NCERT-based test prep for Class 11 & 12 students targeting boards and NEET together.<\/p><\/div><\/div><button class=\"exam-row-btn btn-neet\">Explore NEET ><\/button><\/div>\n <div class=\"exam-row\"><div class=\"exam-row-left\"><div class=\"exam-icon icon-cuetug\"><i class=\"fa-solid fa-book-open\"><\/i><\/div><div class=\"exam-row-info\"><h4>CUET UG<\/h4><p>Chapter-wise CUET UG tests mapped with Class 11 & 12 NCERT syllabus.<\/p><\/div><\/div><button class=\"exam-row-btn btn-cuetug\">Explore CUET UG ><\/button><\/div>\n <div class=\"exam-row\"><div class=\"exam-row-left\"><div class=\"exam-icon icon-ipmat\"><i class=\"fa-solid fa-bullseye\"><\/i><\/div><div class=\"exam-row-info\"><h4>IPMAT<\/h4><p>Smart aptitude test series for students aiming for IIM undergraduate programs.<\/p><\/div><\/div><button class=\"exam-row-btn btn-ipmat\">Explore IPMAT ><\/button><\/div>\n <div class=\"exam-row\"><div class=\"exam-row-left\"><div class=\"exam-icon icon-cma\"><i class=\"fa-solid fa-calculator\"><\/i><\/div><div class=\"exam-row-info\"><h4>CMA<\/h4><p>Commerce-focused tests to prepare for school exams and CMA Foundation together.<\/p><\/div><\/div><button class=\"exam-row-btn btn-cma\">Explore CMA ><\/button><\/div>\n <div class=\"exam-row\"><div class=\"exam-row-left\"><div class=\"exam-icon icon-nata\"><i class=\"fa-solid fa-compass-drafting\"><\/i><\/div><div class=\"exam-row-info\"><h4>NATA<\/h4><p>Architecture aptitude test preparation for students interested in design and architecture careers.<\/p><\/div><\/div><button class=\"exam-row-btn btn-nata\">Explore NATA ><\/button><\/div>\n <\/div>\n\n <div class=\"guide-card-wrapper reveal\">\n <h2><i class=\"fa-solid fa-compass\"><\/i> <span>Confused About Your Future Career?<\/span><\/h2>\n <p>Discover your strengths, explore career options, and make informed decisions through our analytical career guidance system <strong>for students after Class 10 and Class 12.<\/strong><\/p>\n <div class=\"guide-content-split\">\n <div class=\"guide-list\">\n <div class=\"guide-item\"><i class=\"fa-solid fa-crosshairs guide-item-icon\"><\/i><div class=\"guide-item-text\"><h4>Discover Your Strengths<\/h4><p>Understand your natural abilities, interests, and learning preferences through structured assessments.<\/p><\/div><\/div>\n <div class=\"guide-item\"><i class=\"fa-solid fa-signs-post guide-item-icon\"><\/i><div class=\"guide-item-text\"><h4>Explore Career Opportunities<\/h4><p>Find career options and entrance exams that match your strengths, interests, and future goals.<\/p><\/div><\/div>\n <div class=\"guide-item\"><i class=\"fa-solid fa-chart-line guide-item-icon\"><\/i><div class=\"guide-item-text\"><h4>Data-Driven Career Insights<\/h4><p>Receive personalized career recommendations through analytical assessment and guidance systems.<\/p><\/div><\/div>\n <\/div>\n <div class=\"guide-illustration\"><img decoding=\"async\" src=\"https:\/\/cdni.iconscout.com\/illustration\/premium\/thumb\/career-choice-4488349-3738501.png\" alt=\"Career Decision Illustration\"><\/div>\n <\/div>\n <div class=\"mgci-box\"><div class=\"mgci-logo\">MGCI <small>MASS GRADUATES CAREER INDEX<\/small><\/div><div class=\"mgci-text\">A scientifically designed assessment framework built to help students make confident career decisions through analytical career guidance systems.<\/div><\/div>\n <a href=\"#\" class=\"guide-btn\"><span>Explore Career Guidance Test<\/span><i class=\"fa-solid fa-angle-right\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div class=\"faq-wrap\">\n <div class=\"modern-faq-section reveal\">\n <div class=\"faq-heading\"><h2>CLAT UG 2027 Preparation \u2013 Frequently Asked Questions<\/h2><p>Everything you need to know about CLAT UG and our preparation platform.<\/p><\/div>\n <div class=\"faq-container\">\n <details class=\"faq-item\" open=\"\"><summary>What is CLAT UG LaunchPad 360?<\/summary><div class=\"faq-content\">It’s India’s first predictive and analytical CLAT UG test series platform \u2014 combining topic tests, PYQs, section tests, and full mock tests with a dashboard that predicts your CLAT UG 2027 score after every attempt.<\/div><\/details>\n <details class=\"faq-item\"><summary>What does “predictive and analytical” mean here?<\/summary><div class=\"faq-content\">Every test you take feeds LaunchPad 360’s model, which tracks your accuracy, reading speed, and attempt decisions to predict your likely CLAT UG score with 98% accuracy \u2014 not just your raw marks.<\/div><\/details>\n <details class=\"faq-item\"><summary>What sections does CLAT UG cover on this platform?<\/summary><div class=\"faq-content\">English Language, Current Affairs, General Knowledge, Legal Reasoning, Logical Reasoning, and Quantitative Techniques \u2014 the full CLAT UG syllabus, five sections and 120 questions.<\/div><\/details>\n <details class=\"faq-item\"><summary>What’s included in the Starter Pack?<\/summary><div class=\"faq-content\">30-minute topic-wise tests and 4-year PYQ topic tests, so you can build section-by-section strength before moving to timed practice.<\/div><\/details>\n <details class=\"faq-item\"><summary>What’s included in the Smarter Pack?<\/summary><div class=\"faq-content\">1-hour section tests and 1-hour revision tests across all six subject tabs, combining fresh practice with structured revision.<\/div><\/details>\n <details class=\"faq-item\"><summary>What’s included in the Topper Pack?<\/summary><div class=\"faq-content\">Real 2-hour, full-syllabus CLAT mock tests plus previous year question papers from 2022 to 2026, designed to mirror actual exam conditions.<\/div><\/details>\n <details class=\"faq-item\"><summary>What is LaunchPad 360?<\/summary><div class=\"faq-content\">LaunchPad 360 is our predictive analytics dashboard \u2014 it tracks your CLAT score potential, accuracy, reading speed, attempt decisions, and weak areas in one place.<\/div><\/details>\n <details class=\"faq-item\"><summary>Is there a free trial available?<\/summary><div class=\"faq-content\">Yes. You can try a free topic test, a full unit test per subject, and a Topper Pack sample (including PYQ 2022) before choosing a package.<\/div><\/details>\n <details class=\"faq-item\"><summary>Does the platform provide subject-wise PYQs?<\/summary><div class=\"faq-content\">Yes. Practice chapter- and subject-wise CLAT UG PYQs to see exactly where questions come from and focus your revision on high-yield topics.<\/div><\/details>\n <details class=\"faq-item\"><summary>Is the platform mobile friendly?<\/summary><div class=\"faq-content\">Yes. LaunchPad 360 is fully optimised for smartphones, tablets, laptops, and desktops, so you can prepare anytime, anywhere.<\/div><\/details>\n <details class=\"faq-item\"><summary>How can I improve my CLAT UG score?<\/summary><div class=\"faq-content\">Through consistent topic-wise practice, PYQ analysis, structured revision across all three packs, and by acting on the predictive insights in your LaunchPad 360 dashboard.<\/div><\/details>\n <details class=\"faq-item\"><summary>Can I prepare for other entrance exams here too?<\/summary><div class=\"faq-content\">Yes. The Mass Graduates Entrance Superstore also covers NEET, CMA Foundation, NID\/NIFT, and CUET UG preparation on the same platform family.<\/div><\/details>\n <\/div>\n <\/div>\n <\/div>\n\n \n <footer>\u00a9 2026 <strong>CLAT UG LaunchPad 360<\/strong> \u2014 Powered by Mass Graduates. All rights reserved.<\/footer>\n\n <script>\n \/\/ Particles\n (function() {\n const pCont = document.getElementById('particles');\n if (!pCont) return;\n const palette = [[255,159,28],[30,58,95],[255,179,71],[47,92,143]];\n for (let i=0;i<32;i++) {\n const p = document.createElement('div'); p.classList.add('particle');\n const sz = Math.random()*6+2;\n const [r,g,b] = palette[Math.floor(Math.random()*palette.length)];\n p.style.cssText = `width:${sz}px;height:${sz}px;left:${Math.random()*100}%;background:rgba(${r},${g},${b},${0.12+Math.random()*0.22});animation-duration:${12+Math.random()*12}s;animation-delay:${Math.random()*8}s;`;\n pCont.appendChild(p);\n }\n })();\n \n\/\/ Activate on enter\/space\nfunction activateOnEnterOrSpace(el, handler) {\n el.addEventListener('click', handler);\n\n el.addEventListener('keydown', (e) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n handler();\n }\n });\n}\n\n\/* Dashboard sidebar *\/\ndocument.querySelectorAll('.sb-dot').forEach(d => {\n activateOnEnterOrSpace(d, () => {\n document.querySelectorAll('.sb-dot').forEach(x => {\n x.classList.remove('active');\n });\n\n d.classList.add('active');\n });\n});\n\n\/* Language selection *\/\ndocument.querySelectorAll('.cvs-lang-pill').forEach(p => {\n activateOnEnterOrSpace(p, () => {\n document.querySelectorAll('.cvs-lang-pill').forEach(x => {\n x.classList.remove('active');\n });\n\n p.classList.add('active');\n });\n});\n\n\/* Mobile language slider *\/\nconst languageSlider = document.getElementById('languageSlider');\nconst languageNext = document.getElementById('languageNext');\n\nif (languageSlider && languageNext) {\n languageNext.addEventListener('click', function () {\n\n const languageCard =\n languageSlider.querySelector('.cvs-lang-pill');\n\n if (!languageCard) return;\n\n const scrollStep =\n (languageCard.offsetWidth + 12) * 2;\n\n const maxScroll =\n languageSlider.scrollWidth -\n languageSlider.clientWidth;\n\n const reachedEnd =\n languageSlider.scrollLeft >= maxScroll - 8;\n\n if (reachedEnd) {\n languageSlider.scrollTo({\n left: 0,\n behavior: 'smooth'\n });\n } else {\n languageSlider.scrollBy({\n left: scrollStep,\n behavior: 'smooth'\n });\n }\n });\n}\n\n\n\n \/\/ Counters\n let statsAnimated = false;\n function animateCounters() {\n if (statsAnimated) return;\n statsAnimated = true;\n document.querySelectorAll('[data-count]').forEach(el => {\n const target = parseInt(el.getAttribute('data-count'), 10);\n const suffix = el.getAttribute('data-suffix') || '';\n const dur = 1400;\n const start = performance.now();\n function tick(now) {\n const p = Math.min((now - start) \/ dur, 1);\n const eased = 1 - Math.pow(1 - p, 3);\n el.textContent = Math.round(eased * target) + suffix;\n if (p < 1) requestAnimationFrame(tick);\n }\n requestAnimationFrame(tick);\n });\n }\n\n \/\/ IntersectionObserver for reveal and counters\n if ('IntersectionObserver' in window) {\n const io = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) { entry.target.classList.add('in-view'); io.unobserve(entry.target); }\n });\n }, { threshold: 0.15, rootMargin: '0px 0px -60px 0px' });\n document.querySelectorAll('.reveal').forEach(el => io.observe(el));\n\n const statsIo = new IntersectionObserver((entries) => {\n entries.forEach(entry => { if (entry.isIntersecting) { animateCounters(); statsIo.disconnect(); } });\n }, { threshold: 0.4 });\n const statsRowEl = document.querySelector('.stats-row');\n if (statsRowEl) statsIo.observe(statsRowEl);\n } else {\n document.querySelectorAll('.reveal').forEach(el => el.classList.add('in-view'));\n animateCounters();\n }\n\n \/* Subject wheel auto-rollover (right side of section 3) *\/\n (function () {\n const nodes = document.querySelectorAll('#clat-syllabus-section .csw-node');\n if (!nodes.length) return;\n\n let idx = Array.from(nodes).findIndex(n => n.classList.contains('csw-node-active'));\n if (idx < 0) idx = 0;\n\n function rollover() {\n nodes.forEach(n => n.classList.remove('csw-node-active'));\n nodes[idx].classList.add('csw-node-active');\n idx = (idx + 1) % nodes.length;\n }\n\n rollover();\n let rolloverTimer = setInterval(rollover, 2200);\n\n const wheelEl = document.querySelector('#clat-syllabus-section .csw-wheel');\n if (wheelEl) {\n wheelEl.addEventListener('mouseenter', () => clearInterval(rolloverTimer));\n wheelEl.addEventListener('mouseleave', () => { rolloverTimer = setInterval(rollover, 2200); });\n }\n })();\n\n \/* \u2500\u2500 Mini Game Arcade \u2500\u2500 *\/\n (function(){\n const canvas = document.getElementById('examRunnerCanvas');\n if(!canvas) return;\n const ctx = canvas.getContext('2d');\n const wrap = document.getElementById('runnerCanvasWrap');\n const overlay = document.getElementById('runnerOverlay');\n const scoreEl = document.getElementById('runnerScore');\n\n const W = canvas.width, H = canvas.height;\n const groundY = H - 28;\n\n let player, obstacles, clouds, speed, score, best = 0, frame, spawnTimer, running, gameOver, started, rafId;\n\n function resetGame(){\n player = { x:36, y:groundY-32, w:26, h:32, vy:0, onGround:true };\n obstacles = [];\n clouds = [ {x:100,y:20,s:1}, {x:260,y:36,s:.7}, {x:400,y:16,s:.85} ];\n speed = 4;\n score = 0;\n frame = 0;\n spawnTimer = 70;\n running = false;\n gameOver = false;\n started = false;\n scoreEl.textContent = '0';\n }\n\n function spawnObstacle(){\n const types = [\n {w:16,h:26,color:'#FF9F1C',type:'book'},\n {w:22,h:18,color:'#2f5c8f',type:'book2'},\n {w:10,h:34,color:'#ffb347',type:'pencil'}\n ];\n const t = types[Math.floor(Math.random()*types.length)];\n obstacles.push({x:W+10, y:groundY-t.h, w:t.w, h:t.h, color:t.color, type:t.type});\n }\n\n function rectsOverlap(a,b){\n const conditions = [\n a.x < b.x + b.w,\n a.x + a.w > b.x,\n a.y < b.y + b.h,\n a.y + a.h > b.y\n ];\n return conditions.every(Boolean);\n }\n\n function drawBackground(){\n ctx.fillStyle = '#0c2740';\n ctx.fillRect(0,0,W,H);\n ctx.strokeStyle = 'rgba(255,255,255,.04)';\n ctx.lineWidth = 1;\n for(let gx=0; gx<W; gx+=24){\n ctx.beginPath(); ctx.moveTo(gx,0); ctx.lineTo(gx,H); ctx.stroke();\n }\n ctx.fillStyle = 'rgba(255,255,255,.08)';\n clouds.forEach(function(c){\n ctx.beginPath();\n ctx.ellipse(c.x, c.y, 22*c.s, 8*c.s, 0, 0, Math.PI*2);\n ctx.fill();\n if(running){\n c.x -= speed*0.25;\n if(c.x < -30) c.x = W+30;\n }\n });\n ctx.strokeStyle = 'rgba(255,159,28,.6)';\n ctx.lineWidth = 2;\n ctx.beginPath();\n ctx.moveTo(0, groundY+2);\n ctx.lineTo(W, groundY+2);\n ctx.stroke();\n }\n\n function drawPlayer(){\n ctx.save();\n ctx.translate(player.x, player.y);\n ctx.fillStyle = '#FF9F1C';\n if(ctx.roundRect){ ctx.beginPath(); ctx.roundRect(0,8,player.w,player.h-8,5); ctx.fill(); }\n else { ctx.fillRect(0,8,player.w,player.h-8); }\n ctx.fillStyle = '#ffe0b3';\n ctx.beginPath();\n ctx.arc(player.w\/2, 6, 8, 0, Math.PI*2);\n ctx.fill();\n ctx.fillStyle = '#1E3A5F';\n ctx.fillRect(player.w\/2-11, -3, 22, 4);\n ctx.beginPath();\n ctx.moveTo(player.w\/2, -8);\n ctx.lineTo(player.w\/2+9, -1);\n ctx.lineTo(player.w\/2-9, -1);\n ctx.closePath();\n ctx.fill();\n ctx.restore();\n }\n\n function drawObstacle(o){\n ctx.fillStyle = o.color;\n if(o.type === 'pencil'){\n ctx.beginPath();\n ctx.moveTo(o.x, o.y+o.h);\n ctx.lineTo(o.x+o.w, o.y+o.h);\n ctx.lineTo(o.x+o.w\/2, o.y);\n ctx.closePath();\n ctx.fill();\n } else {\n ctx.fillRect(o.x, o.y, o.w, o.h);\n ctx.fillStyle = 'rgba(255,255,255,.25)';\n ctx.fillRect(o.x, o.y, o.w, 4);\n }\n }\n\n function update(){\n frame++;\n player.vy += 0.9;\n player.y += player.vy;\n if(player.y > groundY - player.h){\n player.y = groundY - player.h;\n player.vy = 0;\n player.onGround = true;\n }\n\n spawnTimer--;\n if(spawnTimer <= 0){\n spawnObstacle();\n spawnTimer = Math.max(45, 90 - speed*3) + Math.random()*30;\n }\n obstacles.forEach(function(o){ o.x -= speed; });\n obstacles = obstacles.filter(function(o){ return o.x + o.w > -10; });\n\n const playerBox = {x:player.x, y:player.y, w:player.w, h:player.h};\n for(let i=0;i<obstacles.length;i++){\n const o = obstacles[i];\n if(rectsOverlap(playerBox, {x:o.x,y:o.y,w:o.w,h:o.h})){\n endGame();\n break;\n }\n }\n\n score += 0.12 * (speed\/4);\n if(frame % 300 === 0) speed += 0.4;\n scoreEl.textContent = Math.floor(score);\n }\n\n function render(){\n drawBackground();\n obstacles.forEach(drawObstacle);\n drawPlayer();\n }\n\n function loop(){\n if(!running) return;\n update();\n render();\n rafId = requestAnimationFrame(loop);\n }\n\n function jump(){\n if(gameOver || !started){ startGame(); return; }\n if(player.onGround){\n player.vy = -13;\n player.onGround = false;\n }\n }\n\n function startGame(){\n resetGame();\n started = true;\n running = true;\n overlay.style.display = 'none';\n cancelAnimationFrame(rafId);\n rafId = requestAnimationFrame(loop);\n }\n\n function endGame(){\n running = false;\n gameOver = true;\n best = Math.max(best, Math.floor(score));\n overlay.innerHTML = '<strong>Game Over \u2014 Score '+Math.floor(score)+'<\/strong><span>Best: '+best+' \u00b7 Tap \/ Space to retry<\/span>';\n overlay.style.display = 'flex';\n }\n\n resetGame();\n render();\n\n wrap.addEventListener('click', jump);\n wrap.addEventListener('keydown', function(e){\n if(e.code === 'Space' || e.code === 'ArrowUp'){ e.preventDefault(); jump(); }\n });\n wrap.addEventListener('touchstart', function(e){ e.preventDefault(); jump(); }, {passive:false});\n })();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>CLAT UG LaunchPad 360 \u2014 Predictive & Analytical CLAT UG Test Series CLAT UG 2027 \u00b7 Predictive & Analytical Platform […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/site5.34.93.252.0.nip.io\/index.php\/wp-json\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/site5.34.93.252.0.nip.io\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/site5.34.93.252.0.nip.io\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/site5.34.93.252.0.nip.io\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/site5.34.93.252.0.nip.io\/index.php\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":15,"href":"https:\/\/site5.34.93.252.0.nip.io\/index.php\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":40,"href":"https:\/\/site5.34.93.252.0.nip.io\/index.php\/wp-json\/wp\/v2\/pages\/20\/revisions\/40"}],"wp:attachment":[{"href":"https:\/\/site5.34.93.252.0.nip.io\/index.php\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}