@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&family=Space+Grotesk:wght@500;600&display=swap";:root{color-scheme:dark;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: radial-gradient(circle at 20% 20%, #261045, #0a0418 55%);--panel: rgba(14, 7, 28, .78);--stroke: rgba(255, 255, 255, .08);--primary: #8b5cf6;--primary-hover: #7c3aed;--accent: #c084fc;--text-main: #ffffff;--text-muted: #d8cfff;--shadow: 0 25px 60px rgba(11, 4, 25, .55)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text-main);display:flex;justify-content:center;align-items:flex-start;padding:clamp(8px,3vw,24px) clamp(8px,3.5vw,16px)}#app{width:100%}.screen{width:min(480px,100%);margin:0 auto}.hero-panel{position:relative;z-index:1;padding:clamp(18px,5vw,26px);text-align:left;background:none;border:none;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible}.brand-block{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px;flex-wrap:wrap}.brand-identity{display:flex;align-items:center;gap:16px}.brand-controls{margin-left:auto;display:flex;align-items:center;gap:8px}.brand-logo{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#1a0c34,#341a63);display:grid;place-items:center;border:1px solid rgba(255,255,255,.08)}.brand-logo img{width:38px;height:auto}.brand-name{font-family:inherit;font-size:18px;font-weight:600;margin:0}.brand-tagline{font-size:13px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.theme-switch{display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#ffffff0d;color:var(--text-main);padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.theme-switch__dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #fff6}.language-switch{border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#ffffff0d;color:var(--text-main);padding:8px 14px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.quiz-progress{margin:12px 0 24px}.quiz-progress__details{display:flex;justify-content:space-between;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.quiz-progress__counter{font-weight:600;color:var(--text-main)}.quiz-progress__track{width:100%;height:6px;border-radius:999px;background:#ffffff1f;overflow:hidden}.quiz-progress__bar{height:100%;border-radius:inherit;background:linear-gradient(135deg,#5b21b6,#a855f7);transition:width .3s ease}.hero-eyebrow{margin:0;color:var(--text-muted);text-transform:uppercase;letter-spacing:.18em;font-size:11px}.hero-eyebrow--quiz{letter-spacing:.12em}.hero-title{font-family:inherit;font-size:clamp(22px,6vw,28px);margin:8px 0 12px;line-height:1.1}.hero-description{margin:0 0 20px;color:var(--text-muted);font-size:13px;line-height:1.5}.insight-grid{display:grid;gap:10px;margin-bottom:22px}.insight-card{padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff05}.insight-label{font-size:12px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:8px}.insight-card strong{font-weight:600;color:var(--text-main)}.insight-card--interactive{padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#ffffff05;text-align:left;width:100%;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;display:flex;flex-direction:column;gap:6px;font:inherit}.insight-card--interactive[data-selected=true]{border-color:var(--primary);background:#5e8bff26;box-shadow:0 20px 35px #090f2659;transform:translateY(-2px)}.insight-card--interactive:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.choice-title{font-size:13.5px;font-weight:600;color:var(--text-main)}.choice-description{margin:0;color:var(--text-muted);font-size:12.5px;line-height:1.4}.recommendation-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 32px #060c2247}.recommendation-label{font-size:15px;font-weight:600;color:var(--text-main);display:block;margin-bottom:4px;letter-spacing:.02em}.recommendation-location{margin:0;font-size:13px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.curriculum-wrapper{width:100%}.curriculum-board{display:flex;flex-direction:column;gap:24px;width:100%}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.curriculum-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.curriculum-toolbar__hint{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.roadmap-toggle{border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#ffffff0a;color:var(--text-main);padding:8px 18px;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.roadmap-toggle:hover{border-color:var(--primary);transform:translateY(-1px)}.classic-accordion{display:flex;flex-direction:column;gap:14px}.classic-panel{border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#ffffff05;transition:border-color .2s ease,box-shadow .2s ease}.classic-panel[data-active=true]{border-color:var(--primary);box-shadow:0 18px 28px #05081880}.classic-panel__toggle{width:100%;border:none;background:transparent;color:inherit;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;cursor:pointer;font:inherit;text-align:left}.classic-panel__title-block{display:flex;flex-direction:column;gap:4px}.classic-panel__eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.classic-panel__title{font-size:17px;font-weight:600}.classic-panel__meta{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.classic-panel__body{border-top:1px solid rgba(255,255,255,.08);padding:0 20px 18px;display:flex;flex-direction:column;gap:12px}.classic-panel__desc{margin:12px 0 0;font-size:13px;color:var(--text-muted);line-height:1.5}.classic-topic-list{display:flex;flex-direction:column;gap:8px}.cta-stack{margin-top:16px}.classic-topic{border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff05;color:inherit;display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.classic-topic__index{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.classic-topic__title{font-size:14px;font-weight:600;color:var(--text-main)}.classic-topic[data-selected=true]{border-color:var(--primary);background:#5e8bff2e;transform:translate(4px);box-shadow:0 12px 22px #060a1e73}.classic-topic[data-read=true] .classic-topic__index{color:#2cd673}.roadmap-shell{display:flex;flex-direction:column;gap:18px}.roadmap-detail{border-radius:20px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(120deg,#5e8bff40,#09112c99);padding:18px 20px;display:flex;flex-direction:column;gap:6px}.roadmap-detail__eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#fffc}.roadmap-detail__branch{margin:0;font-size:16px;font-weight:600}.roadmap-detail__topic-label{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--accent)}.roadmap-detail__topic-title{font-size:18px}.roadmap-detail__text{margin:0;color:var(--text-main);opacity:.9;line-height:1.5}.roadmap-map{border-radius:28px;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.05),transparent 45%),#040816f2;min-height:260px;height:320px;overflow:hidden;position:relative;touch-action:none;cursor:grab}.roadmap-map:active{cursor:grabbing}.roadmap-space{position:relative;transform-origin:0 0}.roadmap-link{position:absolute;height:2px;background:#ffffff40;transform-origin:0 50%;pointer-events:none;transition:background .2s ease,box-shadow .2s ease}.roadmap-link[data-active=true]{background:linear-gradient(90deg,#fffc,#ffd684e6);box-shadow:0 0 12px #ffd68499}.roadmap-node{position:absolute;width:56px;height:56px;border-radius:50%;border:3px solid rgba(255,255,255,.25);background:#24346e59;color:inherit;cursor:pointer;box-shadow:0 14px 24px #00000059;transition:transform .15s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;display:flex;align-items:center;justify-content:center}.roadmap-node__pulse{position:absolute;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 60%);opacity:.3;pointer-events:none}.roadmap-node__dot{width:24px;height:24px;border-radius:50%;background:#fff6;box-shadow:inset 0 0 0 3px #fff3;pointer-events:none}.roadmap-node[data-center=true]{width:84px;height:84px;border-width:4px;background:#1e2d6073;border-color:#ffffff2e}.roadmap-node[data-center=true] .roadmap-node__dot{width:34px;height:34px;background:#fff6}.roadmap-node[data-active=true]{border-color:var(--primary);transform:scale(1.08);box-shadow:0 30px 45px #050818a6;background:#5e8bff66}.roadmap-node[data-active=true] .roadmap-node__dot{background:var(--accent)}.roadmap-node[data-visited=true] .roadmap-node__dot{background:#2cd673}.branch-selector{display:flex;gap:12px;flex-wrap:wrap}.branch-selector--stacked{flex-direction:column}.branch-card{border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#ffffff05;padding:18px 22px;display:flex;justify-content:space-between;gap:20px;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease;text-align:left;color:inherit}.branch-card[data-selected=true]{border-color:var(--primary);background:#5e8bff1f;transform:translateY(-2px);box-shadow:0 18px 28px #090f2659}.branch-card__copy{display:flex;flex-direction:column;gap:6px}.branch-card__eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.branch-card__title{font-size:16px;font-weight:600;color:var(--text-main)}.branch-card__topics{font-size:13px;color:var(--accent);align-self:flex-start;font-weight:600}.branch-summary{border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;padding:20px 24px;display:flex;flex-direction:column;gap:14px}.branch-summary__eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted)}.branch-summary__note{margin:0;color:var(--text-muted);font-size:14px;line-height:1.5}.branch-summary__topic{border-radius:16px;padding:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:6px}.branch-summary__topic-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.branch-summary__topic-title{font-size:18px;margin:0}.branch-summary__text{margin:8px 0 0;color:var(--text-main);line-height:1.5}.topic-panel{border-radius:22px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;padding:22px 24px 26px;margin-top:4px}.topic-panel__header{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.topic-panel__eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted)}.topic-panel__title{font-size:20px;color:var(--text-main)}.topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:12px;margin-top:16px}.topic-square{aspect-ratio:1 / 1;border-radius:16px;border:1px solid rgba(255,255,255,.15);background:#ffffff08;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:var(--text-main);cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease,color .2s ease}.topic-square[data-selected=true]{border-color:var(--primary);background:#5e8bff2e;box-shadow:0 12px 24px #090f2659;transform:translateY(-2px)}.topic-square[data-read=true]{border-color:#2cd673;background:#2cd67333;color:#cafde2}.dashboard-grid{display:grid;gap:14px}.dashboard-card{border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;padding:16px 18px;display:flex;flex-direction:column;gap:12px}.dashboard-card header{display:flex;flex-direction:column;gap:4px}.dashboard-eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.dashboard-profile{list-style:none;padding:0;margin:0;display:grid;gap:12px}.dashboard-profile li{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--text-muted)}.dashboard-profile strong{font-size:15px;color:var(--text-main)}.progress-list{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-direction:column;gap:12px}.progress-list li{display:flex;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#ffffff03}.progress-marker{width:14px;height:14px;border-radius:50%;background:var(--text-muted);margin-top:4px}.progress-list li[data-status=done] .progress-marker{background:linear-gradient(135deg,#44ff9a,#2cd673)}.progress-list li[data-status=active] .progress-marker{background:var(--accent)}.progress-copy strong{display:block;font-size:14px;margin-bottom:2px}.progress-copy p{margin:0;font-size:12px;color:var(--text-muted)}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.action-tile{border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;padding:12px 14px;text-align:left;display:flex;flex-direction:column;gap:6px;color:var(--text-main);cursor:pointer;text-decoration:none;transition:border-color .2s ease,background .2s ease,transform .2s ease;font:inherit}.action-tile strong{font-size:14px}.action-tile span{font-size:12px;color:var(--text-muted)}.action-tile:hover{border-color:var(--primary);transform:translateY(-2px)}@media(max-width:480px){body{padding:6px;align-items:stretch}.screen{width:100%}.hero-panel{padding:16px}.brand-block{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.brand-controls{margin-left:0;width:100%;flex-wrap:wrap}.hero-title{font-size:24px}.hero-description{font-size:12.5px}.insight-grid{margin-bottom:18px}.curriculum-board{gap:16px}.roadmap-map{min-height:300px}.branch-card,.branch-summary,.topic-panel,.dashboard-card{padding:14px 16px}.topic-grid{gap:8px}.cta-stack{gap:10px;margin-bottom:12px}.cta-button{padding:13px 18px;font-size:14px}.dashboard-grid{gap:12px}}.quiz-slide{animation:quizFade .4s ease}@keyframes quizFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.quiz-slide{animation:none}.quiz-progress__bar{transition:none}}.cta-stack{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.cta-button{border-radius:16px;padding:15px 22px;font-size:15px;font-weight:600;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;text-align:center;display:flex;align-items:center;justify-content:center}.cta-button:disabled{cursor:not-allowed;opacity:.65}.cta-button--primary{position:relative;overflow:hidden;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 20px 35px #4c1d9573}.cta-button--primary:hover{transform:translateY(-2px);background:var(--primary-hover)}.cta-button--primary:after{content:"";position:absolute;width:140%;height:140%;top:-20%;left:-20%;background:radial-gradient(circle,rgba(255,255,255,.3),transparent 60%);transform:translate(-40%,-40%);opacity:0;transition:opacity .3s ease,transform .3s ease}.cta-button--primary:hover:after{opacity:1;transform:translate(0)}.cta-button--secondary{display:flex;border:1px solid rgba(255,255,255,.25);color:var(--text-main);background:transparent;text-decoration:none}.helper-text{margin:0;font-size:14px;color:var(--text-muted)}body.theme-dark{color-scheme:dark}body.theme-light{color-scheme:light;--bg: radial-gradient(circle at 12% 18%, #fff3ed 0%, rgba(255, 243, 237, .85) 26%, transparent 45%), radial-gradient(circle at 85% 12%, rgba(255, 255, 255, .7), transparent 35%), linear-gradient(180deg, #fdfdfb 0%, #f4f8ff 100%);--panel: rgba(255, 255, 255, .98);--stroke: rgba(18, 28, 60, .08);--primary: #1a2550;--primary-hover: #11193a;--accent: #ff9b4a;--text-main: #101632;--text-muted: #5d6480;--shadow: 0 30px 55px rgba(12, 22, 56, .12)}body.theme-light .brand-logo{background:linear-gradient(145deg,#fff,#eef1ff);border:1px solid rgba(18,28,60,.12);box-shadow:0 16px 28px #0f183414}body.theme-light .theme-switch{border:1px solid rgba(17,27,60,.15);background:#fff;color:var(--primary);box-shadow:0 10px 20px #0f18341f}body.theme-light .theme-switch__dot{box-shadow:none;background:#1a2550}body.theme-light .language-switch{border:1px solid rgba(17,27,60,.15);background:#fff;color:var(--primary);box-shadow:0 10px 20px #0f18341f}body.theme-light .roadmap-toggle{border:1px solid rgba(17,27,60,.15);background:#fff;color:var(--primary);box-shadow:0 10px 20px #0f183414}body.theme-light .roadmap-shell{gap:20px}body.theme-light .roadmap-detail{border:1px solid rgba(26,37,80,.12);background:linear-gradient(110deg,#1a255014,#fffffff2)}body.theme-light .roadmap-detail__eyebrow{color:#111b3ca6}body.theme-light .roadmap-map{border:1px solid rgba(26,37,80,.12);background:linear-gradient(135deg,#fffffff2,#ecf1ffe6);box-shadow:inset 0 0 0 1px #1a25500a}body.theme-light .roadmap-link{background:#1a25502e}body.theme-light .roadmap-node{border-color:#1a255040;background:#ffffffeb;box-shadow:0 16px 26px #1220481f}body.theme-light .roadmap-node__dot{background:#1a255066;box-shadow:inset 0 0 0 3px #ffffff4d}body.theme-light .roadmap-node[data-center=true]{background:#fbfcfff2}body.theme-light .roadmap-node[data-center=true] .roadmap-node__dot{background:#ff9b4ae6}body.theme-light .roadmap-node[data-active=true]{border-color:var(--primary);box-shadow:0 28px 38px #18224c40}body.theme-light .roadmap-link[data-active=true]{background:linear-gradient(90deg,#1a2550cc,#ff9b4ae6)}body.theme-light .classic-panel{border:1px solid rgba(26,37,80,.12);background:#fffffff5;box-shadow:0 16px 24px #1220481f}body.theme-light .classic-panel__body{border-top:1px solid rgba(26,37,80,.08)}body.theme-light .classic-topic{border:1px solid rgba(26,37,80,.12);background:#ffffffe6;box-shadow:0 10px 18px #12204814}body.theme-light .classic-topic[data-selected=true]{border-color:var(--primary);background:linear-gradient(150deg,#fffffffa,#e8edfff2);box-shadow:0 16px 28px #1220482e}body.theme-light .quiz-progress__track{background:#111b3c1f}body.theme-light .quiz-progress__bar{background:linear-gradient(135deg,#6d28d9,#a855f7)}body.theme-light .insight-card{border:none;background:linear-gradient(140deg,#fffffff2,#f8faffe0),radial-gradient(circle at 18% 25%,rgba(255,155,74,.18),transparent 60%);box-shadow:0 18px 26px #1321491f}body.theme-light .insight-label{color:var(--primary);letter-spacing:.18em}body.theme-light .insight-card--interactive{border:1px solid rgba(26,37,80,.12);background:linear-gradient(180deg,#fff,#f8faffd9);box-shadow:0 18px 24px #1220481f}body.theme-light .insight-card--interactive[data-selected=true]{border-color:#1a2550;background:linear-gradient(140deg,#fffffff2,#e6ecffe6);box-shadow:0 20px 34px #12204833}body.theme-light .recommendation-card{background:linear-gradient(160deg,#fffffffa,#f1f7ffe6);border:1px solid rgba(26,37,80,.12);box-shadow:0 16px 28px #1220482e}body.theme-light .branch-card{border:1px solid rgba(26,37,80,.12);background:linear-gradient(180deg,#fff,#f8faffe6);box-shadow:0 16px 24px #1220481a}body.theme-light .branch-card[data-selected=true]{border-color:#1a2550;background:linear-gradient(150deg,#fffffffa,#e6ecffe6);box-shadow:0 18px 28px #1220482e}body.theme-light .branch-card__topics{color:#ff9b4a}body.theme-light .branch-summary,body.theme-light .topic-panel{border:1px solid rgba(26,37,80,.12);background:linear-gradient(160deg,#fffffffa,#f4f7ffeb);box-shadow:0 16px 26px #1220481a}body.theme-light .branch-summary__topic{background:linear-gradient(180deg,#fff,#f1f5ffe6);border:1px solid rgba(26,37,80,.12)}body.theme-light .topic-square{border:1px solid rgba(26,37,80,.12);background:#fff;color:#1a2550;box-shadow:0 12px 18px #12204814}body.theme-light .topic-square[data-selected=true]{border-color:#1a2550;background:linear-gradient(160deg,#fffffffa,#e6ecffeb);box-shadow:0 14px 22px #1220482e}body.theme-light .topic-square[data-read=true]{border-color:#1fb968;background:linear-gradient(150deg,#d4ffe9f2,#abf6cee0);color:#0e5c32}body.theme-light .dashboard-card{border:1px solid rgba(26,37,80,.12);background:linear-gradient(180deg,#fff,#f4f7ffeb);box-shadow:0 16px 26px #1220481f}body.theme-light .progress-list li{border:1px solid rgba(26,37,80,.08);background:#fffc}body.theme-light .action-tile{border:1px solid rgba(26,37,80,.12);background:#fff}body.theme-light .cta-button--secondary{border:1px solid rgba(17,27,60,.15);background:#fff;color:var(--primary);box-shadow:inset 0 0 0 1px #ff9b4a33}body.theme-dark .cta-button--primary{color:#0b1d72}body.theme-light .cta-button--primary{background:linear-gradient(135deg,#1a2550,#2e3f8a);box-shadow:0 18px 28px #18224c40}body.theme-light .cta-button--primary:after{background:radial-gradient(circle,rgba(255,255,255,.35),transparent 65%)}@media(min-width:720px){body{padding:64px 32px}.screen{width:min(640px,100%)}.cta-stack{flex-direction:row}.cta-button{flex:1}.topic-list{max-height:380px}}