.student-roadmap-page{min-height:100vh;background:linear-gradient(180deg,#f7f5ff,#fff 55%);padding:115px 28px 60px}.roadmap-shell{max-width:1180px;margin:auto}.roadmap-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px 46px;border-radius:30px;background:linear-gradient(120deg,#5b38db,#8b5cf6 58%,#a78bfa);color:#fff;box-shadow:0 24px 55px rgba(91,56,219,.24);position:relative;overflow:hidden}.roadmap-hero:after{content:"";position:absolute;width:320px;height:320px;border:55px solid rgba(255,255,255,.08);border-radius:50%;right:-90px;top:-140px}.hero-copy{position:relative;z-index:1}.hero-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:99px;background:rgba(255,255,255,.15);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.roadmap-hero h1{font-size:38px;color:#fff;margin:15px 0 8px}.roadmap-hero p{font-size:16px;opacity:.88;margin:0;max-width:630px}.hero-progress{width:126px;height:126px;border-radius:50%;padding:9px;background:conic-gradient(#4ade80 var(--progress),rgba(255,255,255,.18) 0);position:relative;z-index:1;flex:none}.hero-progress>div{height:100%;border-radius:50%;background:#6843e6;display:grid;place-content:center;text-align:center}.hero-progress strong{font-size:28px;color:#fff}.hero-progress span{font-size:11px;opacity:.8;text-transform:uppercase}.roadmap-controls{background:#fff;margin-top:22px;padding:22px;border:1px solid #ece9fb;border-radius:24px;box-shadow:0 12px 35px rgba(47,35,92,.07)}.grade-tabs,.lesson-tabs{display:flex;gap:10px;overflow:auto;padding-bottom:3px}.grade-tabs button,.lesson-tabs button{border:1px solid #e3def8;background:#faf9ff;color:#655d79;border-radius:14px;padding:11px 17px;white-space:nowrap;font-weight:700;transition:.2s}.grade-tabs button{display:flex;align-items:center;gap:8px}.grade-tabs button.active,.lesson-tabs button.active{color:#fff;background:#7451ea;border-color:#7451ea;box-shadow:0 7px 18px rgba(116,81,234,.25)}.roadmap-stats{display:flex;gap:28px;margin:18px 2px;padding:15px 0;border-block:1px solid #f0edf9}.roadmap-stats span{font-size:13px;color:#857e94}.roadmap-stats strong{display:block;font-size:22px;color:#2d2540}.lesson-tabs button{display:flex;gap:12px;align-items:center}.lesson-tabs small{padding:2px 7px;border-radius:20px;background:rgba(116,81,234,.1);color:#7451ea}.lesson-tabs button.active small{background:rgba(255,255,255,.2);color:#fff}.roadmap-board{margin-top:22px;padding:28px 30px 10px;background:#fff;border:1px solid #ece9fb;border-radius:28px;box-shadow:0 16px 48px rgba(47,35,92,.08);overflow:hidden}.board-heading{display:flex;justify-content:space-between;align-items:end;padding:0 8px 20px;border-bottom:1px solid #f0edf9}.board-heading span{color:#948ca5;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.board-heading h2{font-size:25px;margin:3px 0 0}.legend{display:flex;align-items:center;gap:7px;color:#756e84;font-size:12px}.legend span{width:9px;height:9px;border-radius:50%;margin-left:8px}.legend .done{background:#22c55e}.legend .doing{background:#f59e0b}.legend .todo{background:#8b5cf6}.road-path{position:relative;max-width:850px;margin:auto}.road-path svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.road-path path{fill:none;stroke:#ebe9f1;stroke-width:9;stroke-linecap:round;stroke-dasharray:3 17;vector-effect:non-scaling-stroke}.road-node{position:absolute;transform:translate(-50%,-50%);width:260px;text-align:center;z-index:2}.node-orbit{width:94px;height:94px;margin:auto;border-radius:50%;padding:7px;background:#fff;border:5px solid #e9e7ee;box-shadow:0 9px 0 #dedbe4,0 14px 30px rgba(54,44,85,.14)}.node-icon{height:100%;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:30px;background:linear-gradient(145deg,#9b7cf5,#6d45dd)}.road-node.completed .node-orbit{border-color:#bbf7d0}.road-node.completed .node-icon{background:linear-gradient(145deg,#4ade80,#16a34a)}.road-node.in_progress .node-orbit{border-color:#fde68a}.road-node.in_progress .node-icon{background:linear-gradient(145deg,#fbbf24,#f97316)}.node-copy{margin-top:16px}.node-copy>span{display:block;color:#897fa0;font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-copy h3{font-size:16px;line-height:1.25;margin:4px 0 6px;color:#272137}.node-meta{font-size:12px;color:#756e84}.node-meta b{color:#704be4}.node-copy small{display:block;color:#16a34a;margin-top:2px}.roadmap-empty,.roadmap-state{min-height:65vh;display:flex;align-items:center;justify-content:center;gap:12px;font-size:16px;color:#746d82}.roadmap-loader{width:28px;height:28px;border:3px solid #e7e1fa;border-top-color:#7451ea;border-radius:50%;animation:roadspin .8s linear infinite}.roadmap-error{color:#dc2626}@keyframes roadspin{to{transform:rotate(1turn)}}@media(max-width:700px){.student-roadmap-page{padding:90px 12px 35px}.roadmap-hero{padding:28px 24px;border-radius:22px}.roadmap-hero h1{font-size:29px}.hero-progress{width:92px;height:92px}.hero-progress strong{font-size:21px}.roadmap-controls{padding:15px}.roadmap-board{padding:22px 8px}.board-heading{align-items:start;gap:14px}.legend{flex-wrap:wrap;justify-content:flex-end}.road-node{width:190px}.node-orbit{width:78px;height:78px}.node-copy h3{font-size:14px}.road-path path{stroke-width:7}}@media(max-width:480px){.roadmap-hero{display:block}.hero-progress{position:absolute;right:18px;top:18px;width:72px;height:72px}.hero-copy{padding-right:58px}.roadmap-hero p{font-size:14px}.roadmap-stats{justify-content:space-around}.board-heading{display:block}.legend{justify-content:flex-start;margin-top:12px}.road-node{width:150px}.node-copy h3{font-size:13px}.node-copy>span{font-size:9px}}.lesson-node .node-orbit{width:106px;height:106px;border-color:#ddd6fe}.lesson-node .node-icon{background:linear-gradient(145deg,#7c3aed,#4f46e5);font-size:34px}.lesson-node .node-copy h3{font-size:19px}.student-roadmap-page{padding-top:32px}.roadmap-hero{padding:22px 34px;border-radius:24px;min-height:142px}.roadmap-hero h1{font-size:30px;margin:9px 0 4px}.roadmap-hero p{font-size:14px}.hero-kicker{padding:5px 10px;font-size:11px}.hero-progress{width:92px;height:92px;padding:7px}.hero-progress strong{font-size:22px}.roadmap-controls{margin-top:14px;padding:14px 18px;border-radius:20px}.grade-tabs,.lesson-tabs{overflow:visible;flex-wrap:wrap}.roadmap-stats{margin:10px 2px;padding:9px 0;gap:38px}.roadmap-stats strong{font-size:19px}.lesson-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));grid-gap:8px;gap:8px}.lesson-tabs button{justify-content:space-between;padding:9px 13px;min-width:0}.all-lesson-roadmaps{display:grid;grid-gap:18px;gap:18px;margin-top:16px}.all-lesson-roadmaps .roadmap-board{margin-top:0;scroll-margin-top:105px}.node-copy h3{display:block;max-width:260px;margin-inline:auto}.node-copy h3[title],.node-copy span[title]{cursor:help}@media(max-width:700px){.student-roadmap-page{padding-top:18px}.roadmap-hero{padding:20px}.roadmap-hero h1{font-size:25px}.roadmap-controls{padding:12px}.lesson-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.all-lesson-roadmaps .roadmap-board{scroll-margin-top:85px}}