{"id":217,"date":"2026-06-04T05:28:47","date_gmt":"2026-06-04T05:28:47","guid":{"rendered":"https:\/\/massgraduates.in\/?page_id=217"},"modified":"2026-06-04T05:32:06","modified_gmt":"2026-06-04T05:32:06","slug":"launchpad","status":"publish","type":"page","link":"https:\/\/massgraduates.in\/?page_id=217","title":{"rendered":"Launchpad"},"content":{"rendered":"\n\n\n\n\n\nLaunchpad 360 \u2013 Dashboard<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.js\"><\/script>\n<style>\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n:root {\n --cream: #FDF6EE;\n --cream-2: #FAF0E2;\n --cream-border: #EDD9C0;\n --card-warm: #FFF8F0;\n --card-mid: #F5E9D8;\n --espresso: #2C1A0E;\n --walnut: #5C3A1E;\n --mocha: #8A5C3C;\n --caramel: #C4855A;\n --accent: #E8521A;\n --accent-lt: #FF7B3A;\n --accent-pale: #FDEEE6;\n --green: #2E7D52;\n --green-lt: #D3F0E3;\n --red: #C0392B;\n --blue: #1B4F8A;\n --gold: #C98B2B;\n --gold-lt: #FFF3D0;\n --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n}\n\nbody {\n font-family: var(--font);\n background: var(--cream-2);\n min-height: 100vh;\n padding: 28px 16px;\n background-image:\n radial-gradient(ellipse 700px 500px at 8% 4%, rgba(232,82,26,0.06) 0%, transparent 68%),\n radial-gradient(ellipse 500px 400px at 92% 96%, rgba(196,133,90,0.07) 0%, transparent 65%);\n}\n\n.wrapper {\n max-width: 1380px;\n margin: 0 auto;\n background: var(--cream);\n border-radius: 28px;\n padding: 44px 52px 52px;\n box-shadow: 0 0 0 1.5px var(--cream-border), 0 20px 70px rgba(44,26,14,0.10);\n position: relative;\n overflow: hidden;\n}\n.wrapper::before {\n content: '';\n position: absolute; top: 0; right: 0;\n width: 300px; height: 300px;\n background-image: radial-gradient(circle, rgba(232,82,26,0.06) 1px, transparent 1px);\n background-size: 18px 18px;\n border-radius: 0 28px 0 0;\n pointer-events: none;\n}\n\n\/* HEADER *\/\n.dash-header {\n display: flex; align-items: center; justify-content: space-between;\n margin-bottom: 0;\n padding-bottom: 24px;\n border-bottom: 1.5px solid var(--cream-border);\n}\n.dash-logo { display: flex; align-items: center; gap: 14px; }\n.dash-logo-mark {\n width: 50px; height: 50px;\n background: linear-gradient(135deg, var(--accent), var(--accent-lt));\n border-radius: 14px;\n display: flex; align-items: center; justify-content: center;\n box-shadow: 0 8px 22px rgba(232,82,26,0.32);\n flex-shrink: 0;\n}\n.dash-logo-mark svg { width: 24px; height: 24px; fill: #fff; }\n.dash-title-wrap h1 {\n font-size: 24px; font-weight: 800;\n color: var(--espresso); letter-spacing: -0.3px; line-height: 1.1;\n}\n.dash-title-wrap h1 span { color: var(--accent); }\n.dash-title-wrap p { font-size: 13px; color: var(--mocha); margin-top: 3px; font-weight: 500; }\n.dash-date {\n font-size: 13px; font-weight: 600; color: var(--mocha);\n background: var(--card-mid); border: 1.5px solid var(--cream-border);\n border-radius: 10px; padding: 8px 16px;\n}\n\n\/* NAV *\/\n.nav-menu {\n display: flex; align-items: center; gap: 4px;\n background: var(--card-mid);\n border: 1.5px solid var(--cream-border);\n border-radius: 14px;\n padding: 6px;\n margin: 24px 0 36px;\n}\n.nav-item {\n display: flex; align-items: center; gap: 8px;\n padding: 9px 20px;\n border-radius: 10px;\n font-size: 13.5px; font-weight: 600;\n color: var(--mocha);\n cursor: pointer;\n transition: all 0.18s ease;\n border: none; background: none; font-family: var(--font);\n white-space: nowrap;\n}\n.nav-item svg { width: 16px; height: 16px; fill: currentColor; opacity: 0.7; }\n.nav-item:hover { background: var(--cream); color: var(--espresso); }\n.nav-item.active {\n background: var(--accent);\n color: #fff;\n box-shadow: 0 4px 14px rgba(232,82,26,0.30);\n}\n.nav-item.active svg { opacity: 1; }\n.nav-sep {\n width: 1.5px; height: 22px;\n background: var(--cream-border);\n border-radius: 2px; margin: 0 2px; flex-shrink: 0;\n}\n\n\/* SECTION HEADER *\/\n.section-header {\n display: flex; align-items: center; gap: 20px;\n margin-bottom: 10px; margin-top: 48px;\n}\n.sh-line { flex: 1; height: 1.5px; background: linear-gradient(90deg, var(--cream-border), transparent); }\n.section-header h2 {\n font-size: 60px; font-weight: 900;\n color: var(--espresso); letter-spacing: -2px; line-height: 1; white-space: nowrap;\n}\n.section-header h2 em { font-style: normal; color: var(--accent); }\n.section-header h2.sub-heading {\n font-size: 34px; font-weight: 800; letter-spacing: -1px;\n}\n\n\/* SECTION DESCRIPTION *\/\n.section-desc {\n margin-bottom: 28px;\n padding: 16px 22px;\n background: var(--card-mid);\n border: 1.5px solid var(--cream-border);\n border-radius: 14px;\n display: flex; align-items: flex-start; gap: 14px;\n}\n.section-desc-icon {\n width: 38px; height: 38px; border-radius: 10px; flex-shrink: 0;\n background: linear-gradient(135deg, var(--espresso), var(--walnut));\n display: flex; align-items: center; justify-content: center;\n box-shadow: 0 4px 10px rgba(44,26,14,0.22);\n margin-top: 1px;\n}\n.section-desc-icon svg { width: 17px; height: 17px; fill: #fff; }\n.section-desc-text p {\n font-size: 13.5px; color: var(--walnut); line-height: 1.7; font-weight: 400;\n}\n.section-desc-text p strong { color: var(--accent); font-weight: 700; }\n\n\/* SCORE INFO TITLE *\/\n.score-info-title { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }\n.si-badge {\n background: var(--accent); color: #fff;\n font-size: 11px; font-weight: 800; letter-spacing: 2px;\n text-transform: uppercase; padding: 5px 11px; border-radius: 6px;\n flex-shrink: 0; line-height: 1;\n}\n.si-heading { font-size: 34px; font-weight: 800; line-height: 1; letter-spacing: -1px; }\n.si-heading .t-dark { color: var(--espresso); }\n.si-heading .t-accent { color: var(--accent); }\n\n\/* SCORE MATRIX *\/\n.sm-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 24px; margin-bottom: 24px; }\n\n.card {\n background: var(--card-warm);\n border: 1.5px solid var(--cream-border);\n border-radius: 22px; padding: 34px 38px;\n box-shadow: 0 4px 20px rgba(44,26,14,0.05);\n position: relative; overflow: hidden;\n}\n.card::after {\n content: '';\n position: absolute; bottom: -36px; right: -36px;\n width: 130px; height: 130px; border-radius: 50%;\n background: radial-gradient(circle, var(--cream-border) 0%, transparent 70%);\n pointer-events: none;\n}\n\n.info-card-inner { display: flex; align-items: flex-start; gap: 20px; }\n.info-hex {\n width: 54px; height: 54px; flex-shrink: 0;\n background: linear-gradient(135deg, var(--accent), var(--accent-lt));\n border-radius: 15px;\n display: flex; align-items: center; justify-content: center;\n box-shadow: 0 8px 18px rgba(232,82,26,0.30);\n}\n.info-hex svg { width: 24px; height: 24px; fill: #fff; }\n.info-text p { font-size: 14px; color: var(--walnut); line-height: 1.7; font-weight: 400; }\n\n\/* Score card *\/\n.score-card {\n display: flex; flex-direction: column; align-items: center; justify-content: center;\n text-align: center;\n background: linear-gradient(145deg, #3D2318 0%, #5C3A1E 60%, #7A4C2A 100%);\n border: none;\n box-shadow: 0 16px 44px rgba(44,26,14,0.26), 0 4px 12px rgba(44,26,14,0.14);\n}\n.score-card::after { display: none; }\n.score-card::before {\n content: '';\n position: absolute; inset: 0;\n background-image: radial-gradient(circle, rgba(255,255,255,0.03) 1px, transparent 1px);\n background-size: 16px 16px;\n border-radius: 20px;\n}\n.sc-eyebrow {\n font-size: 14px; font-weight: 900; letter-spacing: 2.5px; text-transform: uppercase;\n color: #ffffff; margin-bottom: 12px; position: relative; z-index: 1;\n}\n.sc-score {\n font-size: 100px; font-weight: 900; line-height: 1;\n color: #fff; position: relative; z-index: 1;\n text-shadow: 0 4px 16px rgba(0,0,0,0.3);\n}\n.sc-score sup { font-size: 36px; font-weight: 700; vertical-align: super; color: var(--accent-lt); }\n.sc-divider {\n width: 56px; height: 2px; background: var(--accent);\n border-radius: 2px; margin: 14px auto 12px; position: relative; z-index: 1;\n}\n.sc-sub {\n font-size: 12px; font-weight: 600; color: rgba(255,255,255,0.45);\n letter-spacing: 1.5px; text-transform: uppercase; position: relative; z-index: 1;\n}\n.sc-future-btn {\n display: inline-flex; align-items: center; gap: 8px;\n margin-top: 22px;\n padding: 11px 22px;\n border-radius: 12px;\n background: rgba(255,255,255,0.12);\n border: 1.5px solid rgba(255,255,255,0.22);\n color: #fff;\n font-size: 13px; font-weight: 700;\n text-decoration: none;\n letter-spacing: 0.3px;\n position: relative; z-index: 2;\n backdrop-filter: blur(6px);\n transition: background 0.22s, border-color 0.22s, transform 0.18s, box-shadow 0.22s;\n cursor: pointer;\n}\n.sc-future-btn svg { width: 16px; height: 16px; fill: var(--accent-lt); flex-shrink: 0; }\n.sc-future-btn:hover {\n background: var(--accent);\n border-color: var(--accent-lt);\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(232,82,26,0.45);\n}\n.sc-future-btn:active { transform: translateY(0); }\n\n\/* STAT GRID *\/\n.stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }\n.stat-card {\n background: var(--card-warm);\n border: 1.5px solid var(--cream-border);\n border-radius: 20px; padding: 26px 24px;\n display: flex; align-items: center; gap: 16px;\n position: relative; overflow: hidden;\n box-shadow: 0 2px 12px rgba(44,26,14,0.04);\n transition: transform 0.2s, box-shadow 0.2s;\n}\n.stat-card:hover { transform: translateY(-3px); box-shadow: 0 12px 32px rgba(44,26,14,0.09); }\n.stat-icon {\n width: 54px; height: 54px; border-radius: 14px; flex-shrink: 0;\n display: flex; align-items: center; justify-content: center;\n}\n.stat-icon svg { width: 24px; height: 24px; fill: #fff; }\n.si-blue { background: linear-gradient(135deg,#1B4F8A,#3B82F6); box-shadow: 0 8px 16px rgba(27,79,138,0.32); }\n.si-green { background: linear-gradient(135deg,#2E7D52,#22C55E); box-shadow: 0 8px 16px rgba(46,125,82,0.32); }\n.si-red { background: linear-gradient(135deg,#C0392B,#EF4444); box-shadow: 0 8px 16px rgba(192,57,43,0.32); }\n.si-gold { background: linear-gradient(135deg,#C98B2B,#F59E0B); box-shadow: 0 8px 16px rgba(201,139,43,0.32); }\n.stat-body { display: flex; flex-direction: column; }\n.stat-label { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.7px; color: var(--mocha); }\n.stat-rule { width: 26px; height: 3px; border-radius: 2px; margin: 7px 0 9px; }\n.sr-blue { background: linear-gradient(90deg,#1B4F8A,#3B82F6); }\n.sr-green { background: linear-gradient(90deg,#2E7D52,#22C55E); }\n.sr-red { background: linear-gradient(90deg,#C0392B,#EF4444); }\n.sr-gold { background: linear-gradient(90deg,#C98B2B,#F59E0B); }\n.stat-num { font-size: 46px; font-weight: 900; line-height: 1; margin-bottom: 3px; }\n.sn-blue { color: #1B4F8A; }\n.sn-green { color: #2E7D52; }\n.sn-red { color: #C0392B; }\n.sn-gold { color: #C98B2B; }\n.stat-sub { font-size: 12px; color: var(--caramel); font-weight: 500; }\n\n\/* ACCURACY TRACKER *\/\n.at-row-1 { display: grid; grid-template-columns: 310px 1fr; gap: 22px; margin-bottom: 22px; }\n.at-row-2 { display: grid; grid-template-columns: 1fr 380px; gap: 22px; margin-bottom: 22px; }\n\n.card-hd { display: flex; align-items: center; gap: 12px; margin-bottom: 26px; }\n.card-hd-icon {\n width: 42px; height: 42px; border-radius: 12px;\n display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n}\n.card-hd-icon svg { width: 19px; height: 19px; fill: #fff; }\n.chi-accent { background: linear-gradient(135deg,var(--accent),var(--accent-lt)); box-shadow: 0 5px 12px rgba(232,82,26,0.28); }\n.chi-espresso { background: linear-gradient(135deg,var(--espresso),var(--walnut)); box-shadow: 0 5px 12px rgba(44,26,14,0.28); }\n.ch-title { font-size: 15px; font-weight: 700; color: var(--espresso); }\n.ch-sub { font-size: 12px; color: var(--caramel); margin-top: 2px; }\n\n\/* Donut *\/\n.donut-wrap { display: flex; flex-direction: column; align-items: center; }\n.donut-outer { position: relative; width: 182px; height: 182px; margin: 0 auto 22px; }\n.donut-svg { width: 100%; height: 100%; transform: rotate(-90deg); }\n.dr-bg { fill: none; stroke: var(--card-mid); stroke-width: 15; }\n.dr-fg { fill: none; stroke: url(#rg-warm); stroke-width: 15; stroke-dasharray: 535; stroke-dashoffset: 160.5; stroke-linecap: round; }\n.donut-center { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }\n.donut-pct { font-size: 46px; font-weight: 900; color: var(--espresso); line-height: 1; }\n.donut-pct sup { font-size: 20px; color: var(--accent); }\n.donut-caption { font-size: 11px; color: var(--mocha); font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 5px; }\n.tip-box {\n width: 100%; background: var(--gold-lt);\n border: 1.5px solid rgba(201,139,43,0.22);\n border-radius: 12px; padding: 13px 15px;\n display: flex; align-items: flex-start; gap: 11px;\n}\n.tip-ico {\n width: 32px; height: 32px; border-radius: 9px; flex-shrink: 0;\n background: linear-gradient(135deg,var(--gold),#F59E0B);\n display: flex; align-items: center; justify-content: center;\n}\n.tip-ico svg { width: 15px; height: 15px; fill: #fff; }\n.tip-box p { font-size: 13px; color: var(--espresso); font-weight: 600; line-height: 1.55; padding-top: 5px; }\n\n\/* Chart *\/\n.chart-card-head { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-bottom: 18px; }\n.chart-area { position: relative; height: 255px; width: 100%; }\n.chart-note {\n margin-top: 18px; background: var(--accent-pale);\n border: 1.5px solid rgba(232,82,26,0.14); border-radius: 12px;\n padding: 13px 17px; font-size: 13.5px; color: var(--walnut); line-height: 1.55;\n}\n.chart-note strong { color: var(--accent); }\n\n\/* Prediction *\/\n.pred-center-wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; }\n.pred-eyebrow { font-size: 13px; font-weight: 900; letter-spacing: 2px; text-transform: uppercase; color: var(--espresso); margin-bottom: 18px; text-align: center; }\n.pred-outer { position: relative; width: 174px; height: 174px; margin: 0 auto 20px; }\n.pred-svg { width: 100%; height: 100%; transform: rotate(-90deg); }\n.pr-dash { fill: none; stroke: var(--cream-border); stroke-width: 13; stroke-dasharray: 7 10; }\n.pr-fg { fill: none; stroke: url(#rg-warm2); stroke-width: 13; stroke-dasharray: 497; stroke-dashoffset: 134; stroke-linecap: round; }\n.pred-inr { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }\n.pred-pct { font-size: 44px; font-weight: 900; color: var(--espresso); line-height: 1; }\n.pred-pct sup { font-size: 20px; color: var(--accent); }\n.pred-caption { font-size: 11px; color: var(--mocha); font-weight: 600; text-align: center; line-height: 1.4; margin-top: 6px; text-transform: uppercase; letter-spacing: 0.5px; }\n.pred-note {\n background: var(--accent-pale); border: 1.5px solid rgba(232,82,26,0.14);\n border-radius: 11px; padding: 11px 15px;\n font-size: 13px; color: var(--walnut); text-align: center; line-height: 1.5; font-weight: 500;\n}\n\n\/* SCORE ANALYTICS *\/\n.sa-cols {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 22px;\n align-items: stretch;\n}\n.sa-card {\n background: var(--card-warm);\n border: 1.5px solid var(--cream-border);\n border-radius: 22px;\n overflow: hidden;\n box-shadow: 0 4px 22px rgba(44,26,14,0.07);\n display: flex;\n flex-direction: column;\n}\n.sa-top-strip {\n display: flex; align-items: center; justify-content: space-between;\n padding: 20px 22px 16px;\n border-bottom: 1.5px solid var(--cream-border);\n background: var(--card-mid);\n}\n.sa-top-left { display: flex; align-items: center; gap: 12px; }\n.sa-strip-icon {\n width: 40px; height: 40px; border-radius: 11px; flex-shrink: 0;\n display: flex; align-items: center; justify-content: center;\n box-shadow: 0 4px 10px rgba(44,26,14,0.15);\n}\n.sa-strip-icon svg { width: 19px; height: 19px; fill: #fff; }\n.sa-missed .sa-strip-icon { background: linear-gradient(135deg, var(--accent), var(--accent-lt)); }\n.sa-luck .sa-strip-icon { background: linear-gradient(135deg, var(--green), #22C55E); }\n.sa-memory .sa-strip-icon { background: linear-gradient(135deg, var(--blue), #3B82F6); }\n.sa-strip-title { font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.2px; color: var(--espresso); }\n.sa-strip-info {\n width: 26px; height: 26px; border-radius: 50%;\n border: 1.5px solid var(--cream-border);\n background: var(--cream); color: var(--mocha);\n font-size: 12px; font-weight: 700;\n display: flex; align-items: center; justify-content: center;\n cursor: pointer; font-family: var(--font);\n transition: all 0.18s;\n}\n.sa-strip-info:hover { background: var(--accent); color: #fff; border-color: var(--accent); }\n.sa-hero-row {\n display: flex; align-items: center; justify-content: space-between;\n gap: 18px; padding: 22px 22px 18px;\n border-bottom: 1.5px solid var(--cream-border);\n}\n.sa-desc-box { flex: 1; background: var(--cream-2); border: 1.5px solid var(--cream-border); border-radius: 14px; padding: 14px 16px; }\n.sa-desc-label { font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.8px; color: var(--mocha); margin-bottom: 6px; }\n.sa-desc-text { font-size: 13px; color: var(--walnut); line-height: 1.6; font-weight: 400; }\n.sa-circle-wrap { flex-shrink: 0; text-align: center; }\n.sa-circle {\n width: 92px; height: 92px; border-radius: 50%;\n display: flex; flex-direction: column; align-items: center; justify-content: center;\n border: 3px solid var(--cream-border); background: var(--cream);\n box-shadow: 0 6px 18px rgba(44,26,14,0.10); position: relative;\n}\n.sa-missed .sa-circle { border-color: var(--accent); box-shadow: 0 0 0 5px rgba(232,82,26,0.08), 0 6px 18px rgba(232,82,26,0.18); }\n.sa-luck .sa-circle { border-color: var(--green); box-shadow: 0 0 0 5px rgba(46,125,82,0.08), 0 6px 18px rgba(46,125,82,0.18); }\n.sa-memory .sa-circle { border-color: var(--blue); box-shadow: 0 0 0 5px rgba(27,79,138,0.08), 0 6px 18px rgba(27,79,138,0.18); }\n.sa-circle-num { font-size: 40px; font-weight: 900; line-height: 1; }\n.sa-missed .sa-circle-num { color: var(--accent); }\n.sa-luck .sa-circle-num { color: var(--green); }\n.sa-memory .sa-circle-num { color: var(--blue); }\n.sa-circle-label { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.6px; margin-top: 2px; color: var(--mocha); }\n.sa-rows-list { padding: 14px 18px 18px; display: flex; flex-direction: column; gap: 8px; flex: 1; }\n.sa-row {\n display: flex; align-items: center; justify-content: space-between;\n background: var(--cream-2); border: 1.5px solid var(--cream-border);\n border-radius: 13px; padding: 12px 15px; flex: 1;\n transition: box-shadow 0.18s, transform 0.18s;\n}\n.sa-row:hover { transform: translateX(3px); box-shadow: 0 4px 14px rgba(44,26,14,0.08); }\n.sa-row-left { display: flex; align-items: center; gap: 11px; flex: 1; min-width: 0; }\n.sa-row-icon { width: 34px; height: 34px; border-radius: 9px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }\n.sa-row-icon svg { width: 16px; height: 16px; fill: #fff; }\n.sa-missed .sa-row-icon { background: linear-gradient(135deg, var(--accent), var(--accent-lt)); box-shadow: 0 3px 8px rgba(232,82,26,0.25); }\n.sa-luck .sa-row-icon { background: linear-gradient(135deg, var(--green), #22C55E); box-shadow: 0 3px 8px rgba(46,125,82,0.25); }\n.sa-memory .sa-row-icon { background: linear-gradient(135deg, var(--blue), #3B82F6); box-shadow: 0 3px 8px rgba(27,79,138,0.25); }\n.sa-row-icon.ri-walnut { background: linear-gradient(135deg, var(--walnut), var(--caramel)); box-shadow: 0 3px 8px rgba(92,58,30,0.25); }\n.sa-row-icon.ri-gold { background: linear-gradient(135deg, var(--gold), #F59E0B); box-shadow: 0 3px 8px rgba(201,139,43,0.25); }\n.sa-row-icon.ri-mocha { background: linear-gradient(135deg, var(--mocha), var(--caramel)); box-shadow: 0 3px 8px rgba(138,92,60,0.25); }\n.sa-row-icon.ri-espresso{ background: linear-gradient(135deg, var(--espresso), var(--walnut)); box-shadow: 0 3px 8px rgba(44,26,14,0.28); }\n.sa-row-icon.ri-accent2 { background: linear-gradient(135deg, #C0392B, var(--accent)); box-shadow: 0 3px 8px rgba(192,57,43,0.25); }\n.sa-row-text { min-width: 0; }\n.sa-row-title { font-size: 13.5px; font-weight: 700; color: var(--espresso); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n.sa-row-sub { font-size: 11px; font-weight: 500; color: var(--mocha); margin-top: 2px; line-height: 1.3; }\n.sa-row-right { display: flex; align-items: center; gap: 8px; flex-shrink: 0; margin-left: 10px; }\n.sa-row-num { font-size: 30px; font-weight: 900; line-height: 1; min-width: 32px; text-align: right; }\n.sa-missed .sa-row-num { color: var(--accent); }\n.sa-luck .sa-row-num { color: var(--green); }\n.sa-memory .sa-row-num { color: var(--blue); }\n.sa-row-info-btn {\n width: 22px; height: 22px; border-radius: 50%;\n border: 1.5px solid var(--cream-border); background: var(--cream); color: var(--mocha);\n font-size: 10px; font-weight: 700;\n display: flex; align-items: center; justify-content: center;\n cursor: pointer; font-family: var(--font); flex-shrink: 0; transition: all 0.16s;\n}\n.sa-row-info-btn:hover { background: var(--card-mid); border-color: var(--mocha); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SCORE PREDICTION (04) & REUSED LAYOUTS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n.sp-toggle-row {\n display: flex; align-items: center; gap: 12px;\n margin-bottom: 24px;\n}\n.sp-toggle-label {\n font-size: 13px; font-weight: 600; color: var(--mocha);\n}\n.sp-toggle {\n display: flex; gap: 4px;\n background: var(--card-mid);\n border: 1.5px solid var(--cream-border);\n border-radius: 10px; padding: 4px;\n}\n.sp-toggle-btn {\n padding: 7px 16px; border-radius: 7px;\n font-size: 12.5px; font-weight: 700;\n border: none; cursor: pointer; font-family: var(--font);\n transition: all 0.18s;\n color: var(--mocha); background: transparent;\n}\n.sp-toggle-btn.active-state {\n background: linear-gradient(135deg, #1B4F8A, #6B35C4);\n color: #fff;\n box-shadow: 0 4px 12px rgba(107,53,196,0.30);\n}\n.sp-toggle-btn.no-state {\n background: linear-gradient(135deg, #C0392B, #E8521A);\n color: #fff;\n box-shadow: 0 4px 12px rgba(192,57,43,0.28);\n}\n\n.sp-grid {\n display: grid;\n grid-template-columns: 1fr 380px;\n gap: 22px;\n align-items: stretch;\n margin-bottom: 24px;\n}\n\n.sp-score-tile {\n border-radius: 22px;\n position: relative;\n overflow: hidden;\n min-height: 160px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 36px 40px;\n}\n\n.sp-score-tile.has-pred {\n background: linear-gradient(135deg, #1B4F8A 0%, #6B35C4 45%, #E8521A 100%);\n box-shadow: 0 16px 44px rgba(107,53,196,0.30);\n animation: sp-tile-float 6s ease-in-out infinite;\n}\n\n@keyframes sp-tile-float {\n 0% { box-shadow: 0 16px 44px rgba(107,53,196,0.30), 0 0 0 0 rgba(107,53,196,0); }\n 25% { box-shadow: 0 22px 56px rgba(27,79,138,0.38), 0 0 40px 6px rgba(27,79,138,0.12); }\n 50% { box-shadow: 0 20px 50px rgba(232,82,26,0.32), 0 0 40px 6px rgba(232,82,26,0.10); }\n 75% { box-shadow: 0 22px 56px rgba(107,53,196,0.36), 0 0 40px 6px rgba(107,53,196,0.12); }\n 100% { box-shadow: 0 16px 44px rgba(107,53,196,0.30), 0 0 0 0 rgba(107,53,196,0); }\n}\n\n.sp-score-tile.has-pred::before {\n content: '';\n position: absolute; inset: 0; border-radius: 22px;\n background: linear-gradient(\n 270deg,\n rgba(232,82,26,0.55),\n rgba(107,53,196,0.55),\n rgba(27,79,138,0.55),\n rgba(46,125,82,0.30),\n rgba(107,53,196,0.55),\n rgba(232,82,26,0.55)\n );\n background-size: 400% 400%;\n animation: sp-color-flow 8s ease infinite;\n pointer-events: none;\n mix-blend-mode: overlay;\n}\n\n@keyframes sp-color-flow {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n.sp-score-tile.has-pred::after {\n content: '';\n position: absolute; inset: 0;\n background-image: radial-gradient(circle, rgba(255,255,255,0.04) 1px, transparent 1px);\n background-size: 22px 22px;\n pointer-events: none;\n border-radius: 22px;\n}\n\n.sp-sheen {\n position: absolute; top: 0; left: -100%;\n width: 60%; height: 100%;\n background: linear-gradient(105deg, transparent 40%, rgba(255,255,255,0.12) 50%, transparent 60%);\n animation: sp-sheen-pass 5s ease-in-out infinite;\n pointer-events: none;\n}\n@keyframes sp-sheen-pass {\n 0% { left: -80%; opacity: 0; }\n 10% { opacity: 1; }\n 50% { left: 120%; opacity: 0.8; }\n 51% { opacity: 0; left: 120%; }\n 100% { left: 120%; opacity: 0; }\n}\n\n.sp-score-eyebrow {\n font-size: 13px; font-weight: 900; letter-spacing: 2px;\n text-transform: uppercase; color: #ffffff;\n margin-bottom: 10px; position: relative; z-index: 2;\n}\n.sp-score-num {\n font-size: 88px; font-weight: 900; line-height: 1;\n color: #fff; position: relative; z-index: 2; letter-spacing: -4px;\n text-shadow: 0 4px 24px rgba(0,0,0,0.22);\n}\n.sp-score-num span {\n font-size: 32px; font-weight: 600; letter-spacing: 0;\n color: rgba(255,255,255,0.70); vertical-align: baseline; margin-left: 4px;\n}\n.sp-score-sub {\n font-size: 13px; font-weight: 500; color: rgba(255,255,255,0.55);\n margin-top: 8px; position: relative; z-index: 2;\n}\n\n.sp-star {\n position: absolute; z-index: 3;\n pointer-events: none;\n color: #fff;\n line-height: 1;\n}\n.sp-star svg { display: block; }\n\n.sp-star.s1 { top: 16px; right: 52px; animation: sp-twinkle 2.2s ease-in-out infinite 0.0s; }\n.sp-star.s2 { top: 44px; right: 22px; animation: sp-twinkle 2.2s ease-in-out infinite 0.55s; }\n.sp-star.s3 { bottom: 24px; right: 80px; animation: sp-twinkle 2.2s ease-in-out infinite 1.1s; }\n.sp-star.s4 { top: 28px; right: 130px; animation: sp-twinkle 2.2s ease-in-out infinite 0.35s; }\n.sp-star.s5 { bottom: 18px; right: 140px; animation: sp-twinkle 2.2s ease-in-out infinite 0.85s; }\n.sp-star.s6 { top: 56px; right: 64px; animation: sp-twinkle 1.8s ease-in-out infinite 1.4s; }\n\n@keyframes sp-twinkle {\n 0%,100% { opacity: 0.15; transform: scale(0.7) rotate(0deg); }\n 30% { opacity: 1; transform: scale(1.3) rotate(15deg); }\n 60% { opacity: 0.5; transform: scale(0.9) rotate(-8deg); }\n}\n\n.sp-score-tile.no-pred {\n background: linear-gradient(135deg, #e05252 0%, #f07070 45%, #ff9898 100%);\n box-shadow: 0 16px 44px rgba(192,57,43,0.30);\n animation: sp-tile-float-red 6s ease-in-out infinite;\n}\n@keyframes sp-tile-float-red {\n 0%,100% { box-shadow: 0 16px 44px rgba(192,57,43,0.28); }\n 50% { box-shadow: 0 24px 60px rgba(232,82,26,0.36), 0 0 40px 6px rgba(232,82,26,0.08); }\n}\n\n.sp-score-tile.no-pred::before {\n content: '';\n position: absolute; inset: 0; border-radius: 22px;\n background: linear-gradient(270deg, rgba(255,140,140,0.5), rgba(220,80,80,0.6), rgba(255,180,120,0.4), rgba(220,80,80,0.6), rgba(255,140,140,0.5));\n background-size: 400% 400%;\n animation: sp-color-flow 8s ease infinite;\n pointer-events: none; mix-blend-mode: overlay;\n}\n.sp-score-tile.no-pred::after {\n content: '';\n position: absolute; inset: 0;\n background-image: radial-gradient(circle, rgba(255,255,255,0.05) 1px, transparent 1px);\n background-size: 22px 22px;\n pointer-events: none; border-radius: 22px;\n}\n\n.sp-no-pred-content {\n display: flex; flex-direction: column; align-items: center; justify-content: center;\n position: relative; z-index: 2; text-align: center;\n gap: 14px;\n}\n.sp-no-pred-icon-wrap {\n width: 72px; height: 72px; border-radius: 50%;\n background: rgba(255,255,255,0.18);\n border: 2px solid rgba(255,255,255,0.30);\n display: flex; align-items: center; justify-content: center;\n backdrop-filter: blur(4px);\n animation: sp-icon-pulse 3s ease-in-out infinite;\n}\n@keyframes sp-icon-pulse {\n 0%,100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255,255,255,0.2); }\n 50% { transform: scale(1.06); box-shadow: 0 0 0 12px rgba(255,255,255,0); }\n}\n.sp-no-pred-icon-wrap svg { width: 34px; height: 34px; fill: #fff; }\n.sp-no-pred-label {\n font-size: 26px; font-weight: 900; color: #fff;\n letter-spacing: -0.5px; text-shadow: 0 2px 10px rgba(0,0,0,0.15);\n}\n.sp-no-pred-sub {\n font-size: 13px; color: rgba(255,255,255,0.72); font-weight: 500;\n}\n\n.sp-star-red {\n position: absolute; z-index: 3; pointer-events: none; color: #fff; line-height: 1;\n}\n.sp-star-red.sr1 { top: 18px; right: 44px; animation: sp-twinkle 2.4s ease-in-out infinite 0.0s; }\n.sp-star-red.sr2 { top: 50px; right: 18px; animation: sp-twinkle 2.4s ease-in-out infinite 0.7s; }\n.sp-star-red.sr3 { bottom: 22px; right: 70px; animation: sp-twinkle 2.0s ease-in-out infinite 1.2s; }\n.sp-star-red.sr4 { top: 22px; right: 120px; animation: sp-twinkle 1.8s ease-in-out infinite 0.4s; }\n.sp-star-red.sr5 { bottom: 16px; right: 130px; animation: sp-twinkle 2.2s ease-in-out infinite 0.9s; }\n\n.sp-info-card {\n background: var(--card-warm);\n border: 1.5px solid var(--cream-border);\n border-radius: 22px;\n padding: 32px 36px;\n box-shadow: 0 4px 20px rgba(44,26,14,0.05);\n position: relative; overflow: hidden;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n.sp-info-card::after {\n content: '';\n position: absolute; bottom: -30px; right: -30px;\n width: 120px; height: 120px; border-radius: 50%;\n background: radial-gradient(circle, var(--cream-border) 0%, transparent 70%);\n pointer-events: none;\n}\n\n.sp-info-desc {\n font-size: 14.5px; color: var(--walnut); line-height: 1.7; font-weight: 400;\n}\n\n.sp-blocks { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\n.sp-block {\n border-radius: 20px;\n border: 1.5px solid var(--cream-border);\n overflow: hidden;\n box-shadow: 0 4px 18px rgba(44,26,14,0.06);\n background: var(--card-warm);\n display: flex; flex-direction: column;\n}\n.sp-block-head {\n display: flex; align-items: center; gap: 14px;\n padding: 18px 22px 16px;\n border-bottom: 1.5px solid var(--cream-border);\n position: relative; overflow: hidden;\n}\n.sp-inference .sp-block-head { background: linear-gradient(120deg, #ede8f8 0%, #ddd5f5 100%); }\n.sp-suggest .sp-block-head { background: linear-gradient(120deg, #e0f5ee 0%, #c8eede 100%); }\n.sp-block-head-icon {\n width: 44px; height: 44px; border-radius: 13px; flex-shrink: 0;\n display: flex; align-items: center; justify-content: center;\n box-shadow: 0 5px 12px rgba(0,0,0,0.14);\n}\n.sp-block-head-icon svg { width: 22px; height: 22px; fill: #fff; }\n.sp-inference .sp-block-head-icon { background: linear-gradient(135deg, #6B35C4, #9B59B6); }\n.sp-suggest .sp-block-head-icon { background: linear-gradient(135deg, #2E7D52, #22C55E); }\n.sp-block-title { font-size: 16px; font-weight: 800; color: var(--espresso); letter-spacing: -0.2px; }\n.sp-block-wave { position: absolute; right: 0; top: 0; bottom: 0; width: 140px; pointer-events: none; overflow: hidden; }\n.sp-block-wave svg { width: 100%; height: 100%; }\n.sp-inputs { padding: 16px 18px 18px; display: flex; flex-direction: column; gap: 10px; flex: 1; }\n.sp-input-row {\n display: flex; align-items: center; gap: 12px;\n background: var(--cream-2); border: 1.5px solid var(--cream-border);\n border-radius: 13px; padding: 11px 14px;\n cursor: pointer; transition: box-shadow 0.18s, border-color 0.18s;\n}\n.sp-input-row:hover { border-color: var(--caramel); box-shadow: 0 4px 14px rgba(44,26,14,0.08); }\n.sp-input-num {\n width: 32px; height: 32px; border-radius: 9px; flex-shrink: 0;\n display: flex; align-items: center; justify-content: center;\n font-size: 14px; font-weight: 800; color: #fff;\n}\n.sp-inference .sp-input-num { background: linear-gradient(135deg, #6B35C4, #9B59B6); box-shadow: 0 3px 8px rgba(107,53,196,0.30); }\n.sp-suggest .sp-input-num { background: linear-gradient(135deg, #2E7D52, #22C55E); box-shadow: 0 3px 8px rgba(46,125,82,0.28); }\n.sp-input-text { flex: 1; font-size: 13.5px; font-weight: 500; color: var(--mocha); }\n.sp-input-kbd {\n width: 34px; height: 34px; border-radius: 9px; flex-shrink: 0;\n background: var(--card-mid); border: 1.5px solid var(--cream-border);\n display: flex; align-items: center; justify-content: center;\n transition: background 0.16s;\n}\n.sp-input-kbd svg { width: 16px; height: 16px; fill: var(--mocha); }\n.sp-input-row:hover .sp-input-kbd { background: var(--cream-border); }\n\n.sp-state-has, .sp-state-no { transition: opacity 0.3s, transform 0.3s; }\n.sp-state-has.hidden, .sp-state-no.hidden { display: none; }\n\n\/* RESPONSIVE *\/\n@media (max-width: 1100px) {\n .sp-grid { grid-template-columns: 1fr; }\n .sp-blocks { grid-template-columns: 1fr; }\n .at-row-1 { grid-template-columns: 1fr; }\n .at-row-2 { grid-template-columns: 1fr; }\n}\n@media (max-width: 760px) {\n .wrapper { padding: 22px 18px 36px; border-radius: 18px; }\n .stat-grid { grid-template-columns: 1fr; }\n .sa-cols { grid-template-columns: 1fr; }\n .dash-header { flex-direction: column; gap: 14px; align-items: flex-start; }\n .nav-menu { overflow-x: auto; }\n .card { padding: 26px 20px; }\n .sc-score { font-size: 76px; }\n .info-card-inner { flex-direction: column; }\n}\n\n\/* FADE-UP *\/\n@keyframes fadeUp {\n from { opacity: 0; transform: translateY(16px); }\n to { opacity: 1; transform: translateY(0); }\n}\n.dash-header { animation: fadeUp 0.4s ease both 0.05s; }\n.nav-menu { animation: fadeUp 0.4s ease both 0.12s; }\n.section-header{ animation: fadeUp 0.4s ease both 0.18s; }\n.section-desc { animation: fadeUp 0.4s ease both 0.20s; }\n.sm-grid { animation: fadeUp 0.4s ease both 0.22s; }\n.stat-grid { animation: fadeUp 0.4s ease both 0.28s; }\n.at-row-1 { animation: fadeUp 0.4s ease both 0.34s; }\n.at-row-2 { animation: fadeUp 0.4s ease both 0.40s; }\n.sa-cols { animation: fadeUp 0.4s ease both 0.50s; }\n.sp-grid { animation: fadeUp 0.4s ease both 0.56s; }\n.sp-blocks { animation: fadeUp 0.4s ease both 0.62s; }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"wrapper\">\n\n <!-- HEADER -->\n <header class=\"dash-header\">\n <div class=\"dash-logo\">\n <div class=\"dash-logo-mark\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M13.5 2c-5.621 0-10.211 4.443-10.475 10h-3.025l5 6.625 5-6.625h-2.975c.257-3.351 3.06-6 6.475-6 3.584 0 6.5 2.916 6.5 6.5s-2.916 6.5-6.5 6.5c-1.863 0-3.542-.793-4.728-2.053l-2.427 3.216c1.877 1.754 4.389 2.837 7.155 2.837 5.79 0 10.5-4.71 10.5-10.5s-4.71-10.5-10.5-10.5z\"\/><\/svg>\n <\/div>\n <div class=\"dash-title-wrap\">\n <h1>Launchpad <span>360<\/span><\/h1>\n <p>Performance Intelligence Dashboard<\/p>\n <\/div>\n <\/div>\n <div class=\"dash-date\">\ud83d\udcc5 Last Updated: Jun 2, 2025<\/div>\n <\/header>\n\n <!-- NAV MENU -->\n <nav class=\"nav-menu\">\n <button class=\"nav-item active\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z\"\/><\/svg>\n Score Matrix\n <\/button>\n <\/nav>\n\n <!-- \u2550\u2550 01 SCORE MATRIX \u2550\u2550 -->\n <div class=\"section-header\">\n <h2>Score <em>Matrix<\/em><\/h2>\n <div class=\"sh-line\"><\/div>\n <\/div>\n\n <div class=\"sm-grid\">\n <div class=\"card\">\n <div class=\"info-card-inner\">\n <div class=\"info-hex\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm-2 14H7v-2h3v2zm0-4H7v-2h3v2zm4 4h-3v-2h3v2zm0-4h-3v-2h3v2z\"\/><\/svg>\n <\/div>\n <div class=\"info-text\">\n <div class=\"score-info-title\">\n <span class=\"si-badge\">01<\/span>\n <div class=\"si-heading\"><span class=\"t-dark\">Score <\/span><span class=\"t-accent\">Info<\/span><\/div>\n <\/div>\n <p>The Score Matrix provides a comprehensive, multi-dimensional breakdown of your assessment. It evaluates overall proficiency, tracks question-level accuracy, and highlights strategic areas for improvement \u2014 all in one clean view.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"card score-card\">\n <div class=\"sc-eyebrow\">TOTAL SCORE<\/div>\n <div class=\"sc-score\">85<sup>\/100<\/sup><\/div>\n <div class=\"sc-divider\"><\/div>\n <div class=\"sc-sub\">Outstanding Performance<\/div>\n <a href=\"#score-prediction\" class=\"sc-future-btn\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z\"\/><\/svg>\n Know Your Future Score\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"stat-grid\">\n <div class=\"stat-card\">\n <div class=\"stat-icon si-blue\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 14H7v-2h10v2zm0-4H7v-2h10v2zm-3-4H7V7h7v2z\"\/><\/svg><\/div>\n <div class=\"stat-body\">\n <div class=\"stat-label\">Attempted<\/div>\n <div class=\"stat-rule sr-blue\"><\/div>\n <div class=\"stat-num sn-blue\">48<\/div>\n <div class=\"stat-sub\">Questions Total<\/div>\n <\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-icon si-green\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z\"\/><\/svg><\/div>\n <div class=\"stat-body\">\n <div class=\"stat-label\">Correct<\/div>\n <div class=\"stat-rule sr-green\"><\/div>\n <div class=\"stat-num sn-green\">42<\/div>\n <div class=\"stat-sub\">Answered Right<\/div>\n <\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-icon si-red\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\/><\/svg><\/div>\n <div class=\"stat-body\">\n <div class=\"stat-label\">Wrong<\/div>\n <div class=\"stat-rule sr-red\"><\/div>\n <div class=\"stat-num sn-red\">06<\/div>\n <div class=\"stat-sub\">Need Review<\/div>\n <\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-icon si-gold\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"\/><\/svg><\/div>\n <div class=\"stat-body\">\n <div class=\"stat-label\">Skipped<\/div>\n <div class=\"stat-rule sr-gold\"><\/div>\n <div class=\"stat-num sn-gold\">02<\/div>\n <div class=\"stat-sub\">Left Unanswered<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- \u2550\u2550 02 ACCURACY TRACKER \u2550\u2550 -->\n <div class=\"section-header\">\n <h2 class=\"sub-heading\">Accuracy <em>Tracker<\/em><\/h2>\n <div class=\"sh-line\"><\/div>\n <\/div>\n\n <div class=\"at-row-1\">\n <div class=\"card\">\n <div class=\"card-hd\" style=\"margin-bottom:26px;\">\n <div class=\"card-hd-icon chi-accent\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm0 10c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><\/svg>\n <\/div>\n <div>\n <div class=\"ch-title\">Test Accuracy<\/div>\n <\/div>\n <\/div>\n <div class=\"donut-wrap\">\n <div class=\"donut-outer\">\n <svg class=\"donut-svg\" viewBox=\"0 0 182 182\">\n <defs>\n <linearGradient id=\"rg-warm\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" stop-color=\"#E8521A\"\/><stop offset=\"100%\" stop-color=\"#FF7B3A\"\/>\n <\/linearGradient>\n <\/defs>\n <circle class=\"dr-bg\" cx=\"91\" cy=\"91\" r=\"85\"\/>\n <circle class=\"dr-fg\" cx=\"91\" cy=\"91\" r=\"85\"\/>\n <\/svg>\n <div class=\"donut-center\">\n <div class=\"donut-pct\">70<sup>%<\/sup><\/div>\n <div class=\"donut-caption\">Accuracy<\/div>\n <\/div>\n <\/div>\n <div class=\"tip-box\">\n <div class=\"tip-ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M3.5 18.5l6-6 4 4L22 6.92 20.59 5.5l-7.09 8.09-4-4L2 17.09z\"\/><\/svg><\/div>\n <p>Keep it up! You’re on the right track to hit 80% by month end.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"card\">\n <div class=\"chart-card-head\">\n <div class=\"card-hd\" style=\"margin-bottom:0\">\n <div class=\"card-hd-icon chi-espresso\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M3.5 18.5l6-6 4 4L22 6.92 20.59 5.5l-7.09 8.09-4-4L2 17.09z\"\/><\/svg>\n <\/div>\n <div>\n <div class=\"ch-title\">Accuracy Map<\/div>\n <div class=\"ch-sub\">Your time-on-task trend over 6 sessions<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"chart-area\">\n <canvas id=\"accChart\" role=\"img\" aria-label=\"Time accuracy trend line chart\"><\/canvas>\n <\/div>\n <div class=\"chart-note\">\n Your <strong>focused study time<\/strong> improved consistently across the last <strong>6 sessions<\/strong>, reaching <strong>54 min<\/strong> in the most recent session. Keep the momentum going!\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"at-row-2\">\n <!-- Left Description Card -->\n <div class=\"sp-info-card\">\n <p class=\"sp-info-desc\">This section provides a strategic review of your test performance. By analysing your current trends, test consistency, and topic-level accuracy, our AI identifies key areas for improvement and formulates a plan to help you achieve your targets.<\/p>\n <\/div>\n\n <!-- Right Prediction Tile -->\n <div class=\"sp-score-tile has-pred\">\n <div class=\"sp-sheen\"><\/div>\n <span class=\"sp-star s1\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"\/><\/svg><\/span>\n <span class=\"sp-star s2\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"\/><\/svg><\/span>\n <span class=\"sp-star s3\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"\/><\/svg><\/span>\n <span class=\"sp-star s4\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"\/><\/svg><\/span>\n <span class=\"sp-star s5\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"\/><\/svg><\/span>\n <span class=\"sp-star s6\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"\/><\/svg><\/span>\n <div class=\"sp-score-eyebrow\">PREDICTED ACCURACY<\/div>\n <div class=\"sp-score-num\">73<span>%<\/span><\/div>\n <div class=\"sp-score-sub\">Based on current performance trend<\/div>\n <\/div>\n <\/div>\n\n <div class=\"sp-blocks\" style=\"margin-bottom: 32px;\">\n <!-- Inference Block -->\n <div class=\"sp-block sp-inference\">\n <div class=\"sp-block-head\">\n <div class=\"sp-block-head-icon\">\n <svg viewBox=\"0 0 24 24\"><path fill=\"white\" d=\"M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7z\"\/><\/svg>\n <\/div>\n <span class=\"sp-block-title\">Inference<\/span>\n <div class=\"sp-block-wave\">\n <svg viewBox=\"0 0 140 80\" preserveAspectRatio=\"none\" fill=\"none\">\n <path d=\"M0 40 Q35 10 70 40 Q105 70 140 40\" stroke=\"rgba(107,53,196,0.18)\" stroke-width=\"2\" fill=\"none\"\/>\n <path d=\"M0 55 Q35 25 70 55 Q105 85 140 55\" stroke=\"rgba(107,53,196,0.10)\" stroke-width=\"2\" fill=\"none\"\/>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"sp-inputs\" style=\"padding: 24px; display: block; height: 100%;\">\n <p style=\"font-size: 14.5px; color: var(--walnut); line-height: 1.7; font-weight: 500; margin: 0;\">Based on your recent performance trend, consistency, and test attempts, your accuracy is predicted to improve steadily. You show <strong style=\"color: var(--accent);\">strong foundational knowledge<\/strong> in core areas with clear upward momentum.<\/p>\n <\/div>\n <\/div>\n\n <!-- Action Plan Block -->\n <div class=\"sp-block sp-suggest\">\n <div class=\"sp-block-head\">\n <div class=\"sp-block-head-icon\">\n <svg viewBox=\"0 0 24 24\"><path fill=\"white\" d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 14H9V8h2v8zm4 0h-2V8h2v8z\"\/><\/svg>\n <\/div>\n <span class=\"sp-block-title\">Action Plan<\/span>\n <div class=\"sp-block-wave\">\n <svg viewBox=\"0 0 140 80\" preserveAspectRatio=\"none\" fill=\"none\">\n <path d=\"M0 40 Q35 10 70 40 Q105 70 140 40\" stroke=\"rgba(46,125,82,0.18)\" stroke-width=\"2\" fill=\"none\"\/>\n <path d=\"M0 55 Q35 25 70 55 Q105 85 140 55\" stroke=\"rgba(46,125,82,0.10)\" stroke-width=\"2\" fill=\"none\"\/>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"sp-inputs\" style=\"padding: 24px; display: block; height: 100%;\">\n <p style=\"font-size: 14.5px; color: var(--walnut); line-height: 1.7; font-weight: 500; margin: 0;\">Focus on weak topics, solve more PYQs, and <strong style=\"color: var(--accent);\">analyze mistakes deeply<\/strong> rather than just memorizing answers. Maintain regular practice to achieve higher accuracy targets consistently.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- \u2550\u2550 03 SCORE ANALYTICS \u2550\u2550 -->\n <div class=\"section-header\">\n <h2 class=\"sub-heading\">Score <em>Analytics<\/em><\/h2>\n <div class=\"sh-line\"><\/div>\n <\/div>\n\n <div class=\"section-desc\">\n <div class=\"section-desc-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z\"\/><\/svg>\n <\/div>\n <div class=\"section-desc-text\">\n <p>Score Analytics breaks down your performance into three core dimensions \u2014 <strong>Missed Score<\/strong> (questions answered wrongly and why), <strong>Luck Score<\/strong> (correct answers without solid understanding), and <strong>Memory Score<\/strong> (genuine recall-based answers). Together, these give a deeper picture of where you truly stand and where to focus next.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"sa-cols\">\n <!-- MISSED SCORE -->\n <div class=\"sa-card sa-missed\">\n <div class=\"sa-top-strip\">\n <div class=\"sa-top-left\">\n <div class=\"sa-strip-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\"\/><\/svg><\/div>\n <span class=\"sa-strip-title\">Missed Score<\/span>\n <\/div>\n <button class=\"sa-strip-info\">i<\/button>\n <\/div>\n <div class=\"sa-hero-row\">\n <div class=\"sa-desc-box\">\n <div class=\"sa-desc-label\">Description<\/div>\n <div class=\"sa-desc-text\">Questions you answered incorrectly. Reviewing these helps identify weak areas and patterns in your mistakes to avoid repeating them.<\/div>\n <\/div>\n <div class=\"sa-circle-wrap\"><div class=\"sa-circle\"><div class=\"sa-circle-num\">20<\/div><div class=\"sa-circle-label\">Missed<\/div><\/div><\/div>\n <\/div>\n <div class=\"sa-rows-list\">\n <div class=\"sa-row\"><div class=\"sa-row-left\"><div class=\"sa-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm-.5-13H13v6l5.25 3.15-.75 1.23L11.5 14V7z\"\/><\/svg><\/div><div class=\"sa-row-text\"><div class=\"sa-row-title\">Fatigue Miss<\/div><div class=\"sa-row-sub\">Q1, Q4, Q7<\/div><\/div><\/div><div class=\"sa-row-right\"><div class=\"sa-row-num\">3<\/div><button class=\"sa-row-info-btn\">i<\/button><\/div><\/div>\n <div class=\"sa-row\"><div class=\"sa-row-left\"><div class=\"sa-row-icon ri-walnut\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"\/><\/svg><\/div><div class=\"sa-row-text\"><div class=\"sa-row-title\">Error Decision Miss<\/div><div class=\"sa-row-sub\">Q2, Q8, Q11, Q13, Q17, Q18<\/div><\/div><\/div><div class=\"sa-row-right\"><div class=\"sa-row-num\">6<\/div><button class=\"sa-row-info-btn\">i<\/button><\/div><\/div>\n <div class=\"sa-row\"><div class=\"sa-row-left\"><div class=\"sa-row-icon ri-espresso\"><svg viewBox=\"0 0 24 24\"><path d=\"M11.5 2C6.81 2 3 5.81 3 10.5S6.81 19 11.5 19h.5v3c4.86-2.34 8-7 8-11.5C20 5.81 16.19 2 11.5 2zm1 14.5h-2v-2h2v2zm0-4h-2c0-3.25 3-3 3-5 0-1.1-.9-2-2-2s-2 .9-2 2h-2c0-2.21 1.79-4 4-4s4 1.79 4 4c0 2.5-3 2.75-3 5z\"\/><\/svg><\/div><div class=\"sa-row-text\"><div class=\"sa-row-title\">Panic Miss<\/div><div class=\"sa-row-sub\">Q3, Q9, Q10, Q14, Q19, Q20, Q22<\/div><\/div><\/div><div class=\"sa-row-right\"><div class=\"sa-row-num\">7<\/div><button class=\"sa-row-info-btn\">i<\/button><\/div><\/div>\n <div class=\"sa-row\"><div class=\"sa-row-left\"><div class=\"sa-row-icon ri-mocha\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 5c-1.11-.35-2.33-.5-3.5-.5-1.95 0-4.05.4-5.5 1.5-1.45-1.1-3.55-1.5-5.5-1.5S2.45 4.9 1 6v14.65c0 .25.25.5.5.5.1 0 .15-.05.25-.05C3.1 20.45 5.05 20 6.5 20c1.95 0 4.05.4 5.5 1.5 1.35-.85 3.8-1.5 5.5-1.5 1.65 0 3.35.3 4.75 1.05.1.05.15.05.25.05.25 0 .5-.25.5-.5V6c-.6-.45-1.25-.75-2-1zm0 13.5c-1.1-.35-2.3-.5-3.5-.5-1.7 0-4.15.65-5.5 1.5V8c1.35-.85 3.8-1.5 5.5-1.5 1.2 0 2.4.15 3.5.5v11.5z\"\/><\/svg><\/div><div class=\"sa-row-text\"><div class=\"sa-row-title\">Basic Concept Miss<\/div><div class=\"sa-row-sub\">Q5, Q12, Q15<\/div><\/div><\/div><div class=\"sa-row-right\"><div class=\"sa-row-num\">3<\/div><button class=\"sa-row-info-btn\">i<\/button><\/div><\/div>\n <div class=\"sa-row\"><div class=\"sa-row-left\"><div class=\"sa-row-icon ri-accent2\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 3L1 9l4 2.18V17h2v-4.82L9 13.36V17h6v-3.64l2-1.18V17h2v-5.82L23 9 12 3zm6 8.18L12 14 6 11.18V9.09L12 12l6-2.91v2.09z\"\/><\/svg><\/div><div class=\"sa-row-text\"><div class=\"sa-row-title\">Advanced Concept Miss<\/div><div class=\"sa-row-sub\">Q6, Q16<\/div><\/div><\/div><div class=\"sa-row-right\"><div class=\"sa-row-num\">1<\/div><button class=\"sa-row-info-btn\">i<\/button><\/div><\/div>\n <\/div>\n <\/div>\n\n <!-- LUCK SCORE -->\n <div class=\"sa-card sa-luck\">\n <div class=\"sa-top-strip\">\n <div class=\"sa-top-left\">\n <div class=\"sa-strip-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M17 8C8 10 5.9 16.17 3.82 21.34L5.71 22l1-2.3A4.49 4.49 0 0 0 8 20C19 20 22 3 22 3c-1 2-8 2-8 2s4-4 3-7c-3 2-4.5 5-4.5 5S17 0 12 0C10 4 13 8 17 8z\"\/><\/svg><\/div>\n <span class=\"sa-strip-title\">Luck Score<\/span>\n <\/div>\n <button class=\"sa-strip-info\">i<\/button>\n <\/div>\n <div class=\"sa-hero-row\">\n <div class=\"sa-desc-box\"><div class=\"sa-desc-label\">Description<\/div><div class=\"sa-desc-text\">Questions you got right by chance without strong knowledge. These are fragile wins \u2014 understanding them deeply turns luck into genuine ability.<\/div><\/div>\n <div class=\"sa-circle-wrap\"><div class=\"sa-circle\"><div class=\"sa-circle-num\">33<\/div><div class=\"sa-circle-label\">Luck<\/div><\/div><\/div>\n <\/div>\n <div class=\"sa-rows-list\">\n <div class=\"sa-row\"><div class=\"sa-row-left\"><div class=\"sa-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M11.5 2C6.81 2 3 5.81 3 10.5S6.81 19 11.5 19h.5v3c4.86-2.34 8-7 8-11.5C20 5.81 16.19 2 11.5 2zm1 14.5h-2v-2h2v2zm0-4h-2c0-3.25 3-3 3-5 0-1.1-.9-2-2-2s-2 .9-2 2h-2c0-2.21 1.79-4 4-4s4 1.79 4 4c0 2.5-3 2.75-3 5z\"\/><\/svg><\/div><div class=\"sa-row-text\"><div class=\"sa-row-title\">Decision Luck<\/div><div class=\"sa-row-sub\">Q2, Q8<\/div><\/div><\/div><div class=\"sa-row-right\"><div class=\"sa-row-num\">2<\/div><button class=\"sa-row-info-btn\">i<\/button><\/div><\/div>\n <div class=\"sa-row\"><div class=\"sa-row-left\"><div class=\"sa-row-icon ri-gold\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><\/div><div class=\"sa-row-text\"><div class=\"sa-row-title\">Fortune Luck<\/div><div class=\"sa-row-sub\">Q4, Q6, Q12, Q15, Q21, Q23<\/div><\/div><\/div><div class=\"sa-row-right\"><div class=\"sa-row-num\">6<\/div><button class=\"sa-row-info-btn\">i<\/button><\/div><\/div>\n <div class=\"sa-row\"><div class=\"sa-row-left\"><div class=\"sa-row-icon ri-mocha\"><svg viewBox=\"0 0 24 24\"><path d=\"M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z\"\/><\/svg><\/div><div class=\"sa-row-text\"><div class=\"sa-row-title\">Confidence Luck<\/div><div class=\"sa-row-sub\">Q1, Q3, Q5, Q7, Q9, Q10, Q18<\/div><\/div><\/div><div class=\"sa-row-right\"><div class=\"sa-row-num\">7<\/div><button class=\"sa-row-info-btn\">i<\/button><\/div><\/div>\n <\/div>\n <\/div>\n\n <!-- MEMORY SCORE -->\n <div class=\"sa-card sa-memory\">\n <div class=\"sa-top-strip\">\n <div class=\"sa-top-left\">\n <div class=\"sa-strip-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M13 3a9 9 0 0 0-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.954 8.954 0 0 0 13 21a9 9 0 0 0 0-18zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z\"\/><\/svg><\/div>\n <span class=\"sa-strip-title\">Memory Score<\/span>\n <\/div>\n <button class=\"sa-strip-info\">i<\/button>\n <\/div>\n <div class=\"sa-hero-row\">\n <div class=\"sa-desc-box\"><div class=\"sa-desc-label\">Description<\/div><div class=\"sa-desc-text\">Questions answered correctly from memory and retention. This measures your recall strength \u2014 the more here, the better your long-term learning.<\/div><\/div>\n <div class=\"sa-circle-wrap\"><div class=\"sa-circle\"><div class=\"sa-circle-num\">35<\/div><div class=\"sa-circle-label\">Memory<\/div><\/div><\/div>\n <\/div>\n <div class=\"sa-rows-list\">\n <div class=\"sa-row\"><div class=\"sa-row-left\"><div class=\"sa-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M7 2v11h3v9l7-12h-4l4-8z\"\/><\/svg><\/div><div class=\"sa-row-text\"><div class=\"sa-row-title\">Quick Recall Memory<\/div><div class=\"sa-row-sub\">Q2, Q5, Q11, Q14, Q19<\/div><\/div><\/div><div class=\"sa-row-right\"><div class=\"sa-row-num\">5<\/div><button class=\"sa-row-info-btn\">i<\/button><\/div><\/div>\n <div class=\"sa-row\"><div class=\"sa-row-left\"><div class=\"sa-row-icon ri-gold\"><svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z\"\/><\/svg><\/div><div class=\"sa-row-text\"><div class=\"sa-row-title\">Short Term Memory<\/div><div class=\"sa-row-sub\">Q3, Q4, Q6, Q8, Q12, Q15, Q16, Q20, Q22<\/div><\/div><\/div><div class=\"sa-row-right\"><div class=\"sa-row-num\">9<\/div><button class=\"sa-row-info-btn\">i<\/button><\/div><\/div>\n <div class=\"sa-row\"><div class=\"sa-row-left\"><div class=\"sa-row-icon ri-walnut\"><svg viewBox=\"0 0 24 24\"><path d=\"M13 3a9 9 0 0 0-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.954 8.954 0 0 0 13 21a9 9 0 0 0 0-18zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z\"\/><\/svg><\/div><div class=\"sa-row-text\"><div class=\"sa-row-title\">Smart Recall Memory<\/div><div class=\"sa-row-sub\">Q1, Q7, Q9, Q10, Q13, Q17, Q18, Q21<\/div><\/div><\/div><div class=\"sa-row-right\"><div class=\"sa-row-num\">8<\/div><button class=\"sa-row-info-btn\">i<\/button><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- \u2550\u2550 04 SCORE PREDICTION \u2550\u2550 -->\n <div class=\"section-header\" id=\"score-prediction\">\n <h2 class=\"sub-heading\">Score <em>Prediction<\/em><\/h2>\n <div class=\"sh-line\"><\/div>\n <\/div>\n\n <div class=\"sp-toggle-row\">\n <span class=\"sp-toggle-label\">Preview state:<\/span>\n <div class=\"sp-toggle\">\n <button class=\"sp-toggle-btn active-state\" id=\"btnHas\" onclick=\"setScoreState(true)\">\u2726 Has Prediction<\/button>\n <button class=\"sp-toggle-btn\" id=\"btnNo\" onclick=\"setScoreState(false)\">\u2715 No Prediction<\/button>\n <\/div>\n <\/div>\n\n <div class=\"sp-grid\">\n <div class=\"sp-info-card\">\n <p class=\"sp-info-desc\">Score prediction means the ability to estimate outcomes accurately using intelligent analytics. Enter your input values and suggestions below to generate a personalised forecast for your next assessment. Our AI engine analyses your past performance trends, mistake patterns, and practice frequency to compute a reliable score range \u2014 helping you set realistic goals and optimise your preparation strategy before the exam.<\/p>\n <\/div>\n\n <div class=\"sp-score-tile has-pred sp-state-has\" id=\"tileHas\">\n <div class=\"sp-sheen\"><\/div>\n <span class=\"sp-star s1\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"\/><\/svg><\/span>\n <span class=\"sp-star s2\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"\/><\/svg><\/span>\n <span class=\"sp-star s3\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"\/><\/svg><\/span>\n <span class=\"sp-star s4\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"\/><\/svg><\/span>\n <span class=\"sp-star s5\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"\/><\/svg><\/span>\n <span class=\"sp-star s6\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"\/><\/svg><\/span>\n <div class=\"sp-score-eyebrow\">PREDICTED SCORE<\/div>\n <div class=\"sp-score-num\">78<span>\/250<\/span><\/div>\n <div class=\"sp-score-sub\">Based on current performance trend<\/div>\n <\/div>\n\n <div class=\"sp-score-tile no-pred sp-state-no hidden\" id=\"tileNo\">\n <span class=\"sp-star-red sr1\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"\/><\/svg><\/span>\n <span class=\"sp-star-red sr2\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"\/><\/svg><\/span>\n <span class=\"sp-star-red sr3\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"\/><\/svg><\/span>\n <span class=\"sp-star-red sr4\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"\/><\/svg><\/span>\n <span class=\"sp-star-red sr5\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17 5.8 21.3l2.4-7.4L2 9.4h7.6z\"\/><\/svg><\/span>\n <div class=\"sp-no-pred-content\">\n <div class=\"sp-no-pred-icon-wrap\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 12h-2v-2h2v2zm0-4h-2V6h2v4z\"\/><\/svg>\n <\/div>\n <div class=\"sp-no-pred-label\">No Prediction<\/div>\n <div class=\"sp-no-pred-sub\">Enter inputs below to generate your forecast<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"sp-blocks\">\n <div class=\"sp-block sp-inference\">\n <div class=\"sp-block-head\">\n <div class=\"sp-block-head-icon\">\n <svg viewBox=\"0 0 24 24\"><path fill=\"white\" d=\"M13 3a9 9 0 0 0-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.954 8.954 0 0 0 13 21a9 9 0 0 0 0-18zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z\"\/><\/svg>\n <\/div>\n <span class=\"sp-block-title\">Inference<\/span>\n <div class=\"sp-block-wave\">\n <svg viewBox=\"0 0 140 80\" preserveAspectRatio=\"none\" fill=\"none\">\n <path d=\"M0 40 Q35 10 70 40 Q105 70 140 40\" stroke=\"rgba(107,53,196,0.18)\" stroke-width=\"2\" fill=\"none\"\/>\n <path d=\"M0 55 Q35 25 70 55 Q105 85 140 55\" stroke=\"rgba(107,53,196,0.10)\" stroke-width=\"2\" fill=\"none\"\/>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"sp-inputs\">\n <div class=\"sp-input-row\">\n <div class=\"sp-input-num\">1<\/div>\n <span class=\"sp-input-text\">Enter Input Value<\/span>\n <div class=\"sp-input-kbd\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 5H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-9 3h2v2h-2V8zm0 3h2v2h-2v-2zM8 8h2v2H8V8zm0 3h2v2H8v-2zm-1 5H5v-2h2v2zm10 0H9v-2h8v2zm0-3h-2v-2h2v2zm0-3h-2V8h2v2zm2 6h-2v-2h2v2z\"\/><\/svg><\/div>\n <\/div>\n <div class=\"sp-input-row\">\n <div class=\"sp-input-num\">2<\/div>\n <span class=\"sp-input-text\">Enter Input Value<\/span>\n <div class=\"sp-input-kbd\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 5H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-9 3h2v2h-2V8zm0 3h2v2h-2v-2zM8 8h2v2H8V8zm0 3h2v2H8v-2zm-1 5H5v-2h2v2zm10 0H9v-2h8v2zm0-3h-2v-2h2v2zm0-3h-2V8h2v2zm2 6h-2v-2h2v2z\"\/><\/svg><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"sp-block sp-suggest\">\n <div class=\"sp-block-head\">\n <div class=\"sp-block-head-icon\">\n <svg viewBox=\"0 0 24 24\"><path fill=\"white\" d=\"M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7z\"\/><\/svg>\n <\/div>\n <span class=\"sp-block-title\">Suggestions<\/span>\n <div class=\"sp-block-wave\">\n <svg viewBox=\"0 0 140 80\" preserveAspectRatio=\"none\" fill=\"none\">\n <path d=\"M0 40 Q35 10 70 40 Q105 70 140 40\" stroke=\"rgba(46,125,82,0.18)\" stroke-width=\"2\" fill=\"none\"\/>\n <path d=\"M0 55 Q35 25 70 55 Q105 85 140 55\" stroke=\"rgba(46,125,82,0.10)\" stroke-width=\"2\" fill=\"none\"\/>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"sp-inputs\">\n <div class=\"sp-input-row\">\n <div class=\"sp-input-num\">3<\/div>\n <span class=\"sp-input-text\">Enter Suggestion<\/span>\n <div class=\"sp-input-kbd\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 5H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-9 3h2v2h-2V8zm0 3h2v2h-2v-2zM8 8h2v2H8V8zm0 3h2v2H8v-2zm-1 5H5v-2h2v2zm10 0H9v-2h8v2zm0-3h-2v-2h2v2zm0-3h-2V8h2v2zm2 6h-2v-2h2v2z\"\/><\/svg><\/div>\n <\/div>\n <div class=\"sp-input-row\">\n <div class=\"sp-input-num\">4<\/div>\n <span class=\"sp-input-text\">Enter Suggestion<\/span>\n <div class=\"sp-input-kbd\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 5H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-9 3h2v2h-2V8zm0 3h2v2h-2v-2zM8 8h2v2H8V8zm0 3h2v2H8v-2zm-1 5H5v-2h2v2zm10 0H9v-2h8v2zm0-3h-2v-2h2v2zm0-3h-2V8h2v2zm2 6h-2v-2h2v2z\"\/><\/svg><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n<\/div><!-- \/wrapper -->\n\n<script>\n\/\/ Nav\ndocument.querySelectorAll('.nav-item').forEach(btn => {\n btn.addEventListener('click', function () {\n document.querySelectorAll('.nav-item').forEach(b => b.classList.remove('active'));\n this.classList.add('active');\n });\n});\n\n\/\/ Smooth scroll for future score button\ndocument.querySelector('.sc-future-btn')?.addEventListener('click', function(e) {\n e.preventDefault();\n document.getElementById('score-prediction')?.scrollIntoView({ behavior: 'smooth', block: 'start' });\n});\n\n\/\/ Score Prediction toggle\nfunction setScoreState(hasPred) {\n const tileHas = document.getElementById('tileHas');\n const tileNo = document.getElementById('tileNo');\n const btnHas = document.getElementById('btnHas');\n const btnNo = document.getElementById('btnNo');\n\n if (hasPred) {\n tileHas.classList.remove('hidden');\n tileNo.classList.add('hidden');\n btnHas.classList.add('active-state');\n btnNo.classList.remove('no-state');\n } else {\n tileHas.classList.add('hidden');\n tileNo.classList.remove('hidden');\n btnNo.classList.add('no-state');\n btnHas.classList.remove('active-state');\n }\n}\n\n\/\/ Accuracy chart\nconst ctx = document.getElementById('accChart');\nif (ctx) {\n new Chart(ctx, {\n type: 'line',\n data: {\n labels: ['0','10','20','30','40','50','60'],\n datasets: [{\n data: [45, 52, 58, 63, 67, 70, 75],\n borderColor: '#E8521A', borderWidth: 2.5,\n pointBackgroundColor: '#E8521A', pointBorderColor: '#fff',\n pointBorderWidth: 2.5, pointRadius: 5, pointHoverRadius: 8,\n fill: true,\n backgroundColor: c => {\n const g = c.chart.ctx.createLinearGradient(0,0,0,255);\n g.addColorStop(0,'rgba(232,82,26,0.14)');\n g.addColorStop(1,'rgba(232,82,26,0.00)');\n return g;\n },\n tension: 0.42\n }]\n },\n options: {\n responsive: true, maintainAspectRatio: false,\n plugins: {\n legend: { display: false },\n tooltip: {\n backgroundColor: '#2C1A0E', titleColor: '#FFF8F0', bodyColor: '#C4855A',\n padding: 12, borderColor: 'rgba(232,82,26,0.35)', borderWidth: 1,\n callbacks: { label: v => ' ' + v.raw + '%' }\n }\n },\n scales: {\n x: { grid: { display: false }, border: { display: false }, ticks: { font: { size: 12, family: 'Inter', weight: '500' }, color: '#8A5C3C' } },\n y: { min: 0, max: 100, grid: { color: '#EDD9C0' }, border: { display: false }, ticks: { font: { size: 12, family: 'Inter', weight: '500' }, color: '#8A5C3C', stepSize: 20, padding: 8 } }\n }\n },\n plugins: [{\n afterDatasetsDraw(chart) {\n const { ctx: c, data: d, scales: { x, y } } = chart;\n d.datasets[0].data.forEach((val, i) => {\n const xp = x.getPixelForValue(i), yp = y.getPixelForValue(val);\n const isLast = i === d.datasets[0].data.length - 1;\n c.save();\n if (isLast) {\n c.fillStyle = '#E8521A';\n c.beginPath();\n const w = 50, h = 25, rx2 = xp - w\/2, ry2 = yp - 42;\n c.roundRect(rx2, ry2, w, h, 6); c.fill();\n c.fillStyle = '#fff'; c.font = '700 12px Inter';\n c.textAlign = 'center'; c.fillText(val+'%', xp, ry2+16);\n c.fillStyle = '#E8521A'; c.beginPath();\n c.moveTo(xp-5, ry2+h); c.lineTo(xp+5, ry2+h); c.lineTo(xp, ry2+h+7);\n c.closePath(); c.fill();\n } else {\n c.fillStyle = '#5C3A1E'; c.font = '600 11px Inter';\n c.textAlign = 'center'; c.fillText(val+'%', xp, yp-14);\n }\n c.restore();\n });\n }\n }]\n });\n}\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Launchpad 360 \u2013 Dashboard Launchpad 360 Performance Intelligence Dashboard \ud83d\udcc5 Last Updated: Jun 2, 2025 Score Matrix Score Matrix 01 […]<\/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-217","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/massgraduates.in\/index.php?rest_route=\/wp\/v2\/pages\/217","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/massgraduates.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/massgraduates.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/massgraduates.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/massgraduates.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=217"}],"version-history":[{"count":9,"href":"https:\/\/massgraduates.in\/index.php?rest_route=\/wp\/v2\/pages\/217\/revisions"}],"predecessor-version":[{"id":260,"href":"https:\/\/massgraduates.in\/index.php?rest_route=\/wp\/v2\/pages\/217\/revisions\/260"}],"wp:attachment":[{"href":"https:\/\/massgraduates.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}