@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--p:#7536f3;--p2:#5424c7;--ink:#151728;--sub:#77798d;--line:#ebe7f5;--bg:#faf9fe;--white:#fff;--lime:#c6ff3d;--soft:#f3efff;--shadow:0 8px 35px rgba(54,32,110,.065)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 'DM Sans',sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:var(--p);text-decoration:none}a:hover{text-decoration:underline}.shell{display:flex;min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);width:246px;flex-shrink:0;display:flex;flex-direction:column;padding:30px 17px 20px;position:sticky;top:0;height:100vh;z-index:20}.brand{display:flex;align-items:center;gap:8px;font:800 28px 'Plus Jakarta Sans',sans-serif;letter-spacing:-1.8px;color:#111322;margin:0 11px 43px}.brand:hover{text-decoration:none}.brand img{width:38px;height:38px;object-fit:contain}.sidebar-label{font-size:10px;letter-spacing:1.5px;color:#aaa2ba;font-weight:800;margin:0 13px 14px}.navbtn{display:flex;width:100%;text-align:left;align-items:center;gap:13px;background:transparent;border:0;border-radius:12px;padding:13px 13px;color:#6d6981;font-weight:700;margin-bottom:4px;transition:.2s}.navbtn span{font-size:20px;line-height:1;width:24px;text-align:center}.navbtn:hover,.navbtn.active{background:#f1eafd;color:#6731dc}.navbtn.active{box-shadow:inset 3px 0 var(--p)}.side-spacer{flex:1}.side-tip{background:linear-gradient(145deg,#6e2bf0,#4014a0);border-radius:18px;padding:20px;color:#fff}.side-tip .tiny-star{display:block;font-size:25px;color:var(--lime);margin-bottom:8px}.side-tip b{font-size:14px}.side-tip p{opacity:.8;font-size:12px;margin:7px 0 0}.side-footer{display:flex;align-items:center;gap:9px;color:#8d849a;font-size:11px;padding:20px 11px 0}.side-footer small{margin-left:auto}.status-dot{width:8px;height:8px;background:#51c795;border-radius:50%}.main-column{flex:1;min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.85);display:flex;justify-content:space-between;align-items:center;padding:0 46px}.crumb{font-size:11px;letter-spacing:1.4px;font-weight:800;color:#a49cad}.crumb span{margin:0 10px;color:#ccc}.crumb strong{color:#4b425d}.top-actions{display:flex;align-items:center;gap:14px}.avatar{width:36px;height:36px;border-radius:50%;background:#e9dcff;display:grid;place-items:center;color:var(--p);font-weight:800}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:100px;padding:6px 13px;font-size:11px;font-weight:800}.pill.subtle{background:#f4f0ff;color:#7d50de}.iconbtn{width:36px;height:36px;background:#fff;border:1px solid var(--line);border-radius:10px;color:#5f5278}.mobile-only{display:none}#view{max-width:1280px;margin:0 auto;padding:38px 46px 80px;min-height:calc(100vh - 128px)}.foot{text-align:center;padding:20px 30px;color:#aaa2b6;font-size:11px}.eyebrow{display:inline-flex;color:#813eed;background:#f3eaff;padding:7px 13px;font-size:11px;letter-spacing:1px;font-weight:800;border-radius:100px}.hero{background:radial-gradient(circle at 75% 33%,#e5d9ff 0,transparent 35%),linear-gradient(120deg,#fff 20%,#f5efff);border:1px solid #eee6ff;border-radius:26px;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;min-height:345px;box-shadow:var(--shadow);padding:40px 36px 30px 40px}.hero h1{font:800 clamp(36px,3.7vw,56px)/1.13 'Plus Jakarta Sans',sans-serif;letter-spacing:-2.8px;margin:18px 0 12px}.hero h1 em{font-style:normal;background:var(--lime);border-radius:15px;padding:0 8px;white-space:nowrap}.hero p{max-width:440px;color:#626276;font-size:14px;margin-bottom:23px}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:0;border-radius:12px;background:var(--p);color:#fff;padding:12px 18px;font-weight:800;font-size:13px;display:inline-flex;align-items:center;gap:8px;justify-content:center;transition:transform .15s,background .15s}.btn:hover{background:#5e24db;transform:translateY(-1px)}.btn.secondary{background:#fff;color:#6731dd;border:1px solid #d9c9ff}.btn.lime{background:var(--lime);color:#211c30}.btn.small{font-size:12px;padding:10px 13px}.hero-art{align-self:center;display:flex;align-items:center;justify-content:center}.mini-app{width:min(100%,480px);border:8px solid #1e1a32;border-radius:17px;background:#fff;box-shadow:0 18px 38px #6944ae38;transform:rotate(-2deg);overflow:hidden}.mini-top{height:29px;background:#251044;display:flex;align-items:center;color:white;padding:0 13px;gap:5px;font-size:10px;font-weight:800}.mini-top b{margin-left:auto;color:#c3ff54}.mini-body{padding:20px;background:linear-gradient(130deg,#fff,#f8f5ff)}.mini-body h4{margin:0 0 13px;font-size:15px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mini-tile{padding:13px;border-radius:12px;background:#fff;border:1px solid #eee8ff;font-size:11px}.mini-tile b{display:block;font-size:12px;margin-bottom:6px}.mini-tile span{color:#6a39df}.mini-score{grid-column:1/-1;display:flex;align-items:center;gap:20px}.ring{border:8px solid #c6ff3d;border-left-color:#ede9ff;border-radius:50%;width:71px;height:71px;display:grid;place-items:center;font-weight:800;font-size:20px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:38px 0 18px}.section-head h2,.page-head h1{font:800 25px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.9px;margin:0}.section-head p,.page-head p{color:#818096;margin:5px 0 0;font-size:13px}.page-head{margin-bottom:26px}.page-head h1{font-size:33px}.grid{display:grid;gap:15px}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:21px;box-shadow:var(--shadow)}.feature .feature-icon{height:43px;width:43px;background:#f1eaff;color:#7336f3;font-size:22px;display:grid;place-items:center;border-radius:12px;margin-bottom:14px}.feature h3{font-size:14px;margin:0 0 7px}.feature p{font-size:12px;color:#808093;margin:0;line-height:1.65}.feature .text-link{display:inline-block;margin-top:14px;font-weight:800;font-size:12px}.track-card{display:flex;flex-direction:column;gap:15px}.track-title{display:flex;gap:12px;align-items:center}.vendor-icon{background:color-mix(in srgb,var(--vendor),white 88%);color:var(--vendor);font-size:21px;font-weight:900;height:46px;width:46px;border-radius:13px;display:grid;place-items:center;flex-shrink:0}.track-title h3{margin:0;font-size:15px}.track-title p{margin:2px 0 0;color:#9890a1;font-size:11px}.track-card>p{font-size:12px;color:#79758b;margin:0;min-height:37px}.track-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.track-card .pill{background:#f6f3fb;color:#777085}.track-card .btn{font-size:12px}.stat-card{display:flex;align-items:center;gap:14px}.stat-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:#f4edff;color:var(--p);font-size:22px}.stat-card strong{font:800 25px 'Plus Jakarta Sans',sans-serif}.stat-card p{margin:0;color:#8c879b;font-size:11px}.soft-banner{background:#f2edff;border:1px solid #e4d9ff;border-radius:18px;padding:24px;display:flex;justify-content:space-between;gap:20px;align-items:center}.soft-banner h3{margin:0 0 5px}.soft-banner p{margin:0;color:#7b748e;font-size:12px}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag{border-radius:100px;padding:7px 11px;background:#f5f2fc;color:#6c5e83;font-size:11px;font-weight:700}.choice-card{padding:17px;border:1px solid var(--line);border-radius:13px;background:#fff;cursor:pointer;transition:.2s}.choice-card:hover{border-color:#c9adff}.choice-card.chosen{border-color:var(--p);background:#f7f2ff}.choice-card.correct{border-color:#48be88;background:#eafbf3}.choice-card.wrong{border-color:#ed6779;background:#fff0f2}.answer-list{display:grid;gap:11px;margin:18px 0}.quiz-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;color:#827d91;font-size:12px}.progress-outer{height:8px;background:#efeaff;border-radius:20px;overflow:hidden;margin-bottom:23px}.progress-inner{height:100%;background:linear-gradient(90deg,#7833f9,#b68eff);border-radius:20px;transition:.3s}.qtitle{font:800 22px/1.4 'Plus Jakarta Sans',sans-serif;margin:12px 0 20px}.explain{border:1px solid #d5f3df;background:#f2fff7;border-radius:13px;padding:15px;color:#24583e;margin:16px 0;font-size:13px}.explain.error{background:#fff6f6;border-color:#ffd5da;color:#87364b}.field{display:flex;flex-direction:column;gap:7px}.field label{font-weight:800;font-size:12px;color:#5e576c}.field select,.field input,.field textarea{background:#fff;border:1px solid #dfd9ed;border-radius:11px;padding:12px 13px;outline:none;width:100%;color:#241d39}.field textarea{resize:vertical;min-height:128px}.field :is(input,select,textarea):focus{border-color:var(--p);box-shadow:0 0 0 3px #b99dff44}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.muted{color:#817d8f;font-size:12px}.info-note{padding:13px 16px;border-radius:11px;background:#fffaf0;border:1px solid #f5e6bc;font-size:12px;color:#816331}.result-score{font:800 57px 'Plus Jakarta Sans',sans-serif;letter-spacing:-3px;color:#6b2fe6}.result-item{border-top:1px solid var(--line);padding:16px 0}.result-item p{margin:6px 0;color:#777}.review-answers{margin-top:14px}.role-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.role-row .vendor-icon{background:#f4eeff;color:#7b3fff}.role-copy{flex:1}.role-copy h3{font-size:14px;margin:0}.role-copy p{font-size:12px;color:#908a9e;margin:4px 0 0}.interview-question h3{margin:0 0 12px;font-size:18px}.accordion{margin-top:11px;border:1px solid var(--line);border-radius:12px;padding:11px 15px}.accordion summary{cursor:pointer;font-weight:700;font-size:12px}.accordion p{color:#696477;font-size:12px}.chat{display:flex;flex-direction:column;gap:14px;max-height:410px;overflow-y:auto;padding:6px 2px 12px}.bubble{max-width:88%;border-radius:16px;padding:14px 17px;line-height:1.6;font-size:13px;white-space:pre-wrap}.bubble.assistant{align-self:flex-start;background:#f2edff;color:#322357;border-top-left-radius:4px}.bubble.user{align-self:flex-end;background:#6630d5;color:#fff;border-top-right-radius:4px}.bubble.system{align-self:center;background:#f4f5f8;color:#676574;font-size:11px}.chat-actions{display:flex;gap:10px;margin-top:12px}.source-link{font-size:12px;font-weight:800}.source-link::after{content:' ↗'}.empty{padding:45px;text-align:center;color:#8c829a}.empty h3{color:#373046}.feature-note{font-size:11px;color:#9d96a9}.feedback-box{background:#f6f0ff;border-radius:14px;padding:17px;color:#423063}.feedback-box h4{margin:0 0 8px}.feedback-box p{font-size:13px;margin:6px 0;white-space:pre-wrap}.split{display:grid;grid-template-columns:1.5fr 1fr;gap:19px}.right-stack{display:flex;flex-direction:column;gap:15px}body.dark{--ink:#e9e4f8;--sub:#aba3c2;--line:#302746;--bg:#171226;--white:#241b36;--soft:#322247;--shadow:none;color:#e9e4f8}body.dark .sidebar,body.dark .topbar,body.dark .panel,body.dark .choice-card,body.dark .field :is(input,select,textarea),body.dark .iconbtn{background:#241b36;color:#eee6fa}body.dark .hero{background:linear-gradient(140deg,#35204f,#251a3e)}body.dark .feature h3,body.dark .track-title h3,body.dark .role-copy h3{color:#efe9fa}body.dark .brand{color:#fff}body.dark .mini-body{background:#f8f5ff;color:#141326}body.dark .choice-card.chosen{background:#42315f}body.dark .soft-banner{background:#34244e}body.dark .crumb strong{color:#dad2e6}body.dark .answer-list .choice-card.correct{color:#174e39}body.dark .answer-list .choice-card.wrong{color:#863246}
@media(max-width:1150px){.grid.four{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:42px}.topbar{padding:0 24px}#view{padding:30px 25px 70px}}
@media(max-width:760px){.sidebar{position:fixed;transform:translateX(-100%);transition:.2s;box-shadow:0 0 40px #0002}.sidebar.open{transform:translateX(0)}.mobile-only{display:inline-grid;place-items:center}.topbar{height:65px;padding:0 17px}.top-actions .pill{display:none}#view{padding:24px 16px 60px}.hero{grid-template-columns:1fr;padding:26px 22px;gap:25px}.hero h1{font-size:39px}.mini-app{transform:none}.grid.four,.grid.three,.grid.two,.split,.form-row{grid-template-columns:1fr}.section-head{align-items:flex-start}.soft-banner{flex-direction:column;align-items:flex-start}.page-head h1{font-size:27px}.qtitle{font-size:19px}.foot{font-size:10px}}