/* Prerana ICS — mentorship marketing pages */
:root{--ink:#1e0a38;--ink2:#2c1050;--orchid:#cb6ce6;--orchid-d:#8b2bbe;--jade:#12c2a0;--jade-d:#0b6b57;--gold:#ffb020;--paper:#f8f5fc;--line:#ebe2f3;--muted:#6b5c82}
.mp{font-family:'Instrument Sans',system-ui,sans-serif;color:#1e1330}
.mp h1,.mp h2,.mp h3,.mp h4{font-family:'Bricolage Grotesque','Instrument Sans',sans-serif;letter-spacing:-.025em}
.mp .wrap{max-width:1180px;margin:0 auto;padding:0 22px}
.mp-crumb{font-size:13px;color:#b9a7d1;margin-bottom:18px}.mp-crumb a{color:#d8c6ee;text-decoration:none}.mp-crumb a:hover{text-decoration:underline}
.mp-hero{position:relative;overflow:hidden;background:var(--ink);color:#fff;padding:54px 0 74px}
.mp-hero:before{content:'';position:absolute;inset:-20% -10% auto auto;width:760px;height:760px;background:radial-gradient(circle,rgba(203,108,230,.38),transparent 62%);pointer-events:none}
.mp-hero:after{content:'';position:absolute;left:-12%;bottom:-40%;width:640px;height:640px;background:radial-gradient(circle,rgba(18,194,160,.22),transparent 62%);pointer-events:none}
.mp-hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;gap:46px;align-items:center}
.mp-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--jade)}
.mp-eyebrow:before{content:'';width:22px;height:2px;background:var(--jade);border-radius:2px}
.mp-hero h1{font-size:clamp(2.2rem,5vw,3.7rem);line-height:1.02;margin:14px 0 16px;font-weight:800}
.mp-hero h1 em{font-style:normal;background:linear-gradient(95deg,#e3a6f3,#4be0c2);-webkit-background-clip:text;background-clip:text;color:transparent}
.mp-hero p.lead{font-size:18px;line-height:1.65;color:#d9cdea;max-width:560px}
.mp-cta{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 20px}
.mp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:15px 26px;font-weight:800;text-decoration:none;font-size:15.5px;transition:transform .16s,box-shadow .16s;border:0;cursor:pointer;font-family:inherit}
.mp-btn.pri{background:linear-gradient(95deg,#cb6ce6,#8b2bbe);color:#fff;box-shadow:0 12px 30px -10px rgba(203,108,230,.7)}.mp-btn.pri:hover{transform:translateY(-2px)}
.mp-btn.ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.25)}.mp-btn.ghost:hover{background:rgba(255,255,255,.14)}
.mp-btn.dark{background:var(--ink);color:#fff}.mp-btn.line{background:#fff;color:var(--ink2);border:1px solid var(--line)}
.mp-trust{display:flex;gap:18px;flex-wrap:wrap;font-size:13.5px;color:#cbbddf}.mp-trust span:before{content:'✓';color:var(--jade);font-weight:900;margin-right:7px}
.mp-pricechip{display:inline-flex;align-items:baseline;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:10px 16px;margin-top:4px}.mp-pricechip b{font-size:26px;font-family:'Bricolage Grotesque',sans-serif}.mp-pricechip>span{font-size:13px;color:#cbbddf}
/* dashboard mock */
.mock{background:#fff;border-radius:20px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.1);color:#1e1330;overflow:hidden;transform:perspective(1400px) rotateY(-5deg) rotateX(2deg);animation:floaty 7s ease-in-out infinite}
@keyframes floaty{50%{transform:perspective(1400px) rotateY(-3deg) rotateX(1deg) translateY(-8px)}}
.mock-bar{display:flex;gap:6px;align-items:center;padding:11px 14px;background:#f4eef9;border-bottom:1px solid var(--line)}.mock-bar i{width:10px;height:10px;border-radius:50%;background:#d8c9e6}.mock-bar span{margin-left:10px;font-size:11px;color:#8a79a0;background:#fff;border-radius:999px;padding:3px 12px}
.mock-body{display:grid;grid-template-columns:104px 1fr;min-height:340px}
.mock-side{background:#faf7fc;border-right:1px solid var(--line);padding:12px 8px;display:grid;gap:4px;align-content:start;font-size:11px;font-weight:700;color:#6b5c82}.mock-side div{padding:7px 9px;border-radius:8px}.mock-side .on{background:#351155;color:#fff}
.mock-main{padding:14px 16px;display:grid;gap:11px;align-content:start}
.mock-main h5{margin:0;font-size:15px;font-family:'Bricolage Grotesque',sans-serif}.mock-main small{color:#8a79a0}
.mock-card{border:1px solid var(--line);border-radius:12px;padding:11px 12px}
.mock-prog{height:7px;background:#eee6f2;border-radius:7px;overflow:hidden;margin-top:7px}.mock-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,#9226c6,#12a688);animation:fill 2.4s .4s ease-out forwards}@keyframes fill{to{width:var(--w,62%)}}
.mock-task{display:flex;gap:8px;align-items:flex-start;font-size:11.5px;line-height:1.35;padding:5px 0}.mock-task b{display:grid;place-items:center;width:15px;height:15px;border-radius:4px;border:1.5px solid #cdbbe0;flex:0 0 auto;font-size:10px;color:#fff}.mock-task.d b{background:#12a688;border-color:#12a688}
.mock-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mock-score{font-family:'Bricolage Grotesque',sans-serif;font-size:21px;font-weight:800}.mock-chip{display:inline-block;font-size:9.5px;font-weight:800;padding:3px 7px;border-radius:999px;background:#e6f8f3;color:#0b6b57}.mock-chip.w{background:#fff5e0;color:#7a5200}
.mock-float{position:absolute;background:#fff;color:#1e1330;border-radius:14px;padding:10px 14px;font-size:12.5px;font-weight:700;box-shadow:0 18px 40px -14px rgba(0,0,0,.5);display:flex;gap:8px;align-items:center;animation:bob 5s ease-in-out infinite}.mock-float i{font-style:normal;font-size:16px}@keyframes bob{50%{transform:translateY(-7px)}}
.mock-wrap{position:relative}
/* sections */
.mp-sec{padding:76px 0}.mp-sec.alt{background:var(--paper)}.mp-sec.dark{background:var(--ink);color:#fff}
.mp-h{max-width:720px;margin:0 0 34px}.mp-h .mp-eyebrow{margin-bottom:6px}.mp-h h2{font-size:clamp(1.8rem,3.6vw,2.7rem);line-height:1.08;margin:6px 0 12px;font-weight:800}.mp-h p{font-size:17px;line-height:1.65;color:var(--muted)}.dark .mp-h p{color:#cbbddf}
.mp-grid{display:grid;gap:18px}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.mp-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;transition:transform .18s,box-shadow .18s}.mp-card:hover{transform:translateY(-4px);box-shadow:0 24px 50px -24px rgba(46,17,83,.35)}
.mp-card h3{margin:14px 0 8px;font-size:20px}.mp-card p{margin:0;color:var(--muted);line-height:1.6;font-size:15.5px}
.mp-ic{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#f3e2fa,#dcf7f0);display:grid;place-items:center}.mp-ic svg{width:23px;height:23px;stroke:#6a2a8d;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mp-for{display:grid;gap:12px}.mp-for div{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px 19px;line-height:1.55;font-weight:550}.mp-for div:before{content:'→';color:var(--orchid-d);font-weight:900}
.mp-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;counter-reset:s}.mp-step{position:relative;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:22px 18px}.mp-step:before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#cb6ce6,#12c2a0);font-weight:800;margin-bottom:14px}.mp-step h3{margin:0 0 7px;font-size:18px;color:#fff}.mp-step p{margin:0;font-size:14.5px;line-height:1.55;color:#cbbddf}
.light .mp-step{background:#fff;border-color:var(--line)}.light .mp-step h3{color:var(--ink)}.light .mp-step p{color:var(--muted)}
.mp-mats{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}
.mp-list{list-style:none;padding:0;margin:0;display:grid;gap:11px}.mp-list li{display:flex;gap:11px;align-items:flex-start;line-height:1.5;font-weight:600;font-size:16px}.mp-list li:before{content:'✓';flex:0 0 auto;width:23px;height:23px;border-radius:50%;background:#e6f8f3;color:var(--jade-d);display:grid;place-items:center;font-size:12px;font-weight:900;margin-top:1px}
.mp-covers{display:flex;gap:18px;justify-content:center;align-items:center;padding:10px}.mp-covers img{width:42%;max-width:230px;height:auto;border-radius:10px;box-shadow:0 26px 50px -20px rgba(46,17,83,.55);transition:transform .25s}.mp-covers img:nth-child(1){transform:rotate(-4deg)}.mp-covers img:nth-child(2){transform:rotate(3deg) translateY(14px)}.mp-covers img:hover{transform:rotate(0) scale(1.04)}
.mp-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mp-tile{border-radius:18px;padding:22px 16px;color:#fff;font-weight:800;font-family:'Bricolage Grotesque',sans-serif;font-size:17px;min-height:96px;display:flex;align-items:flex-end}.mp-tile:nth-child(1){background:linear-gradient(135deg,#8b2bbe,#cb6ce6)}.mp-tile:nth-child(2){background:linear-gradient(135deg,#0b8f77,#12c2a0)}.mp-tile:nth-child(3){background:linear-gradient(135deg,#2c1050,#6a2a8d)}.mp-tile:nth-child(4){background:linear-gradient(135deg,#d97b00,#ffb020)}
.mp-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.mp-pill{background:#f3e9fa;color:#5b2384;border-radius:999px;padding:8px 14px;font-size:13.5px;font-weight:700}.dark .mp-pill{background:rgba(255,255,255,.1);color:#e9dcf6}
.mp-dash{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mp-dcard{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px}.mp-dcard h3{margin:0 0 4px;font-size:18px}.mp-dcard>p{margin:0 0 14px;color:var(--muted);font-size:14.5px;line-height:1.5}
.ring{--p:78;width:92px;height:92px;border-radius:50%;background:conic-gradient(#12a688 calc(var(--p)*1%),#eee6f2 0);display:grid;place-items:center;margin:4px 0 10px}.ring b{width:70px;height:70px;border-radius:50%;background:#fff;display:grid;place-items:center;font-family:'Bricolage Grotesque',sans-serif;font-size:20px}
.mp-price{max-width:880px;margin:0 auto;background:linear-gradient(140deg,#2c1050,#1e0a38);border-radius:30px;padding:40px;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:34px;box-shadow:0 40px 80px -36px rgba(30,10,56,.8);position:relative;overflow:hidden}.mp-price:before{content:'';position:absolute;right:-90px;top:-90px;width:300px;height:300px;background:radial-gradient(circle,rgba(203,108,230,.4),transparent 65%)}
.mp-price>*{position:relative}.mp-price h3{font-size:26px;margin:0 0 6px;color:#fff}.mp-amt{font-family:'Bricolage Grotesque',sans-serif;font-size:56px;font-weight:800;letter-spacing:-.04em;line-height:1}.mp-amt small{font-size:16px;font-weight:600;color:#cbbddf;letter-spacing:0}.mp-price .mp-list li{color:#efe5f9}.mp-price .mp-list li:before{background:rgba(18,194,160,.2);color:#4be0c2}
.mp-note{font-size:13px;color:#cbbddf;margin-top:14px;line-height:1.6}.mp-note a{color:#e3a6f3}
.mp-faq details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0;margin:0 0 12px;overflow:hidden}.mp-faq summary{cursor:pointer;list-style:none;padding:19px 22px;font-weight:750;font-size:16.5px;display:flex;justify-content:space-between;gap:14px;align-items:center}.mp-faq summary::-webkit-details-marker{display:none}.mp-faq summary:after{content:'+';font-size:22px;color:var(--orchid-d);transition:transform .2s}.mp-faq details[open] summary:after{transform:rotate(45deg)}.mp-faq details p{margin:0;padding:0 22px 20px;color:var(--muted);line-height:1.7}
.mp-others{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mp-other{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;transition:.18s}.mp-other:hover{border-color:var(--orchid);transform:translateY(-3px)}.mp-other b{display:block;font-family:'Bricolage Grotesque',sans-serif;font-size:18px;margin-bottom:4px}.mp-other span{font-size:13.5px;color:var(--muted)}
.mp-final{background:linear-gradient(120deg,#8b2bbe,#2c1050);color:#fff;text-align:center;padding:72px 0}.mp-final h2{font-size:clamp(1.8rem,3.8vw,2.8rem);margin:0 0 12px;font-weight:800}.mp-final p{color:#e0d1f1;max-width:620px;margin:0 auto 24px;line-height:1.65;font-size:17px}.mp-final .mp-cta{justify-content:center}
.mp-exam{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;position:relative;overflow:hidden;transition:.2s}.mp-exam:hover{transform:translateY(-5px);box-shadow:0 30px 60px -28px rgba(46,17,83,.45);border-color:#d8b8e8}.mp-exam:before{content:'';position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(203,108,230,.22),transparent 70%)}
.mp-exam .reg{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--orchid-d);text-transform:uppercase}.mp-exam h3{font-size:26px;margin:8px 0 6px}.mp-exam p{color:var(--muted);line-height:1.6;margin:0 0 16px;font-size:15px}.mp-exam .st{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.mp-exam .st span{font-size:11.5px;font-weight:800;background:#f3e9fa;color:#5b2384;padding:5px 11px;border-radius:999px}.mp-exam .bt{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:16px}.mp-exam .bt b{font-family:'Bricolage Grotesque',sans-serif;font-size:24px}.mp-exam .bt small{display:block;font-size:12px;color:var(--muted);font-family:'Instrument Sans',sans-serif;font-weight:500}.mp-exam .go{font-weight:800;color:var(--orchid-d)}
.tblw{overflow-x:auto;border:1px solid var(--line);border-radius:20px;background:#fff}.mp-table{width:100%;border-collapse:collapse;font-size:15.5px}.mp-table th{background:var(--paper);text-align:left;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#8a79a0;padding:14px 18px}.mp-table td{padding:17px 18px;border-top:1px solid var(--line)}.mp-table td b{font-size:17px}
@media(prefers-reduced-motion:reduce){.mock,.mock-float{animation:none}.mock-prog i{animation:none;width:var(--w,62%)}}
@media(max-width:980px){.mp-hero .wrap,.mp-mats,.mp-price{grid-template-columns:1fr}.mp-steps{grid-template-columns:1fr 1fr}.g3,.mp-dash{grid-template-columns:1fr 1fr}.g4,.mp-others{grid-template-columns:1fr 1fr}.mock{transform:none;animation:none}}
@media(max-width:640px){.mp-sec{padding:52px 0}.mp-hero{padding:36px 0 54px}.mp-steps,.g3,.g2,.g4,.mp-dash,.mp-others{grid-template-columns:1fr}.mock-body{grid-template-columns:1fr}.mock-side{display:none}.mp-price{padding:26px}.mp-amt{font-size:44px}.mock-float{display:none}.mp-covers img{width:44%}}
