*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;background:#f6f3fb;color:#252038}button,input,select,textarea{font:inherit}.loginScreen{min-height:100vh;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(300px,560px) minmax(340px,460px);align-items:center;justify-content:center;grid-gap:70px;gap:70px;padding:64px 32px 110px;background:radial-gradient(circle at 20% 15%,#fff 0,#fff9f4 38%,#f7f1ff 100%)}.loginScreen:before{content:"";position:absolute;left:-8%;right:-8%;bottom:-130px;height:310px;background:linear-gradient(135deg,#381477,#5b22bb 45%,#301064);border-radius:50% 50% 0 0/38% 38% 0 0;transform:rotate(-2deg);box-shadow:0 -40px 90px #5b22bb33}.orbit{position:absolute;border:2px dashed #7448c84d;border-radius:50%;pointer-events:none}.orbitOne{width:880px;height:410px;left:-210px;top:95px;transform:rotate(-12deg)}.orbitTwo{width:760px;height:360px;right:-250px;top:180px;transform:rotate(18deg);border-color:#ff6c4b55}.planet{position:absolute;border-radius:50%;filter:drop-shadow(0 22px 32px #42207822)}.planetOrange{width:170px;height:170px;right:-45px;top:120px;background:radial-gradient(circle at 35% 30%,#ff7c56,#ff4b32 72%)}.planetPurple{width:130px;height:130px;left:-52px;top:85px;background:radial-gradient(circle at 35% 30%,#7a3be4,#41118f 75%)}.loginCard,.loginIntro{position:relative;z-index:2}.loginIntro{text-align:center}.marsLogo{width:min(245px,62vw);height:auto;display:block;margin:0 auto 4px;filter:drop-shadow(0 18px 28px #4b1aa92c)}.loginEyebrow{margin:0 0 10px;color:#6d47b8;font-size:12px;font-weight:900;letter-spacing:.16em}.loginIntro h1{margin:0;color:#43209c;font-size:clamp(34px,4.5vw,58px);line-height:1.03;letter-spacing:-.04em}.loginTagline{margin:18px 0 8px;color:#ff5437;font-size:clamp(18px,2vw,24px);font-weight:850}.loginCard{width:100%;background:#ffffffed;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #fff;border-radius:30px;padding:32px;box-shadow:0 30px 80px #3f176329}.loginWelcome{margin:0;text-align:center;color:#ff5437;font-weight:850}.loginCard h2{text-align:center;margin:5px 0 22px;color:#43209c;font-size:31px}.roleSwitch{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px;margin-bottom:20px;padding:5px;background:#f4effb;border-radius:16px}.roleSwitch button{border:0;border-radius:12px;padding:11px 8px;background:transparent;color:#6e58a0;font-weight:800;cursor:pointer}.roleSwitch button.selected{background:#fff;color:#4d1fb2;box-shadow:0 5px 15px #4f22931c}.loginCard form{display:grid;grid-gap:15px;gap:15px}.loginCard label{display:grid;grid-gap:7px;gap:7px;color:#4a3770;font-weight:800}.loginCard input{width:100%;border:1px solid #ddd2ed;border-radius:14px;padding:14px 15px;background:#fff;color:#30234a;outline:none}.loginCard input:focus{border-color:#6630cc;box-shadow:0 0 0 4px #6630cc16}.loginButton,.primaryAction{border:0;border-radius:15px;padding:15px 18px;background:linear-gradient(135deg,#ff633f,#ff482f);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 13px 28px #ff593a36}.error{color:#b42c2c;margin:0}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.15em;color:#847d91;margin:0 0 8px}.purple{color:#6731c5}.appShell header{height:72px;background:#43209c;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.appShell header div{display:flex;gap:18px;align-items:center}.appShell header strong{color:#ff9d77;letter-spacing:.12em}.appShell nav,.studentHeader nav{display:flex;align-items:center;gap:14px}.appShell header button,.studentHeader button{border:0;border-radius:14px;padding:9px 13px;background:#ffffff16;color:inherit;font-weight:800;cursor:pointer}.workspace{display:grid;grid-template-columns:300px 1fr;min-height:calc(100vh - 78px)}aside{padding:28px 20px;background:#fff;border-right:1px solid #e8e2f0;position:-webkit-sticky;position:sticky;top:0;height:calc(100vh - 78px);overflow:auto}aside h2{margin:4px 0 18px}aside button{width:100%;border:0;background:transparent;text-align:left;padding:10px;border-radius:14px;display:flex;gap:10px;align-items:center;margin:4px 0;color:#756f7e;cursor:pointer}aside button span{min-width:30px;width:30px;height:30px;border-radius:10px;background:#f1edf6;display:grid;place-items:center;font-weight:800}aside button.active{background:#f0e9ff;color:#5421b0;font-weight:800}.plannerPage{padding:34px;max-width:1250px;width:100%;margin:auto}.plannerPage select,.plannerPage textarea{width:100%;border:1px solid #ddd5e8;border-radius:14px;padding:13px;background:#fff;outline:none}.plannerPage textarea:focus{border-color:#7441d5;box-shadow:0 0 0 4px #7441d511}.pageTop{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.pageTop h1{font-size:36px;margin:2px 0 5px;color:#3d226e}.save{padding:9px 12px;border-radius:999px;background:#ece8f1;color:#746c80;font-size:13px;font-weight:700}.save.saved{background:#e5f6d7;color:#35602d}.sheet{background:#fff;border-radius:24px;padding:30px;box-shadow:0 14px 45px #36264f12;border:1px solid #ebe4f2}.twoCol{display:grid;grid-template-columns:1fr 1fr;grid-gap:28px;gap:28px}.field{display:grid;grid-gap:7px;gap:7px;margin:13px 0}.field>span{font-weight:800;color:#5d39a8}.commentBox{margin-top:18px;background:#fff;border-radius:22px;padding:24px;border:1px solid #e5ddef}.commentBox textarea{min-height:100px}.studentPlannerShell,.studentShell{min-height:100vh;background:radial-gradient(circle at 8% 6%,#fff5ee 0,transparent 28%),radial-gradient(circle at 92% 12%,#f1e9ff 0,transparent 31%),#f8f6fb;position:relative;overflow:hidden}.studentHeader{height:78px;padding:0 34px;background:#ffffffd9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid #ebe4f2;justify-content:space-between;position:relative;z-index:5;color:#3a245d}.brandBlock,.studentHeader{display:flex;align-items:center}.brandBlock{gap:16px}.brandBlock img{width:80px;height:auto}.brandBlock div{display:grid;grid-gap:3px;gap:3px}.brandBlock b{font-size:10px;letter-spacing:.15em;color:#ff5c3b}.brandBlock span{font-size:14px;font-weight:800;color:#5331a0}.studentIdentity{display:flex;align-items:center;gap:20px}.studentIdentity div{display:grid;text-align:right}.studentIdentity strong{color:#3f246e}.studentIdentity span{font-size:12px;color:#8b8296}.backDashboard,.studentIdentity button{background:#f0e9fa!important;color:#5b2cb8!important}.studentOrbit{position:absolute;border:2px dashed #7f54cb25;border-radius:50%;pointer-events:none}.orbitA{width:760px;height:300px;top:120px;left:-300px;transform:rotate(-11deg)}.orbitB{width:900px;height:360px;right:-420px;top:200px;transform:rotate(14deg);border-color:#ff785227}.studentDashboard{position:relative;z-index:2;max-width:1320px;margin:auto;padding:48px 34px 70px}.welcomePanel{background:linear-gradient(125deg,#4f20a7,#6c2cd1 62%,#7b35dc);border-radius:34px;padding:42px 46px;color:#fff;display:grid;grid-template-columns:1fr 290px;align-items:center;box-shadow:0 30px 80px #4f22932d;position:relative;overflow:hidden}.welcomePanel:after{content:"";position:absolute;width:360px;height:360px;border:2px dashed #ffffff27;border-radius:50%;right:-80px;top:-150px}.welcomePanel h1{font-size:clamp(34px,5vw,62px);line-height:1.02;letter-spacing:-.04em;margin:4px 0 15px;max-width:760px}.welcomePanel p{font-size:17px;color:#eee5ff;max-width:650px;line-height:1.5}.welcomePanel .eyebrow{color:#ffb197}.primaryAction{margin-top:16px;font-size:16px}.primaryAction span{margin-left:14px}.progressPlanet{position:relative;z-index:2;text-align:center}.progressRing{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;margin:auto}.progressRing>div{width:151px;height:151px;border-radius:50%;background:#5a24b7;display:grid;place-content:center;box-shadow:inset 0 0 0 1px #ffffff24}.progressRing strong{font-size:42px}.progressRing span{display:block;font-size:12px;color:#ddd0f6}.progressPlanet p{font-size:13px}.dashboardGrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:24px;gap:24px;margin-top:24px}.miniCard,.routeCard{background:#fff;border-radius:28px;border:1px solid #ede6f3;box-shadow:0 18px 50px #3b2a5510}.routeCard{padding:28px}.cardHeading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.cardHeading h2{margin:0;color:#40206f;font-size:28px}.cardHeading>span{padding:8px 12px;background:#f3edfb;color:#6b3bc4;border-radius:999px;font-size:12px;font-weight:800}.routeList{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.routeList button{border:1px solid #eee7f3;background:#fcfbfd;border-radius:18px;padding:13px;display:flex;align-items:center;text-align:left;gap:12px;cursor:pointer;color:#4f4659}.routeList button.current,.routeList button:hover{border-color:#bca4e7;background:#f7f2ff}.routeList button.done{background:#fff7f3;border-color:#ffd9cc}.routeIcon{width:40px;height:40px;border-radius:13px;background:#f1ebfa;display:grid;place-items:center;font-size:20px}.done .routeIcon{background:#ffe3da}.routeText{display:grid;grid-gap:2px;gap:2px;min-width:0;flex:1 1}.routeText b{font-size:12px;color:#7a55bd}.routeText small{font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.routeStatus{font-weight:900;color:#ff5a39}.studentSide{padding:0;border:0;background:transparent;position:static;height:auto;overflow:visible;display:grid;grid-gap:16px;gap:16px}.miniCard{padding:23px}.miniCard h3{font-size:23px;color:#442172;margin:4px 0 8px}.miniCard p{line-height:1.45;color:#766d7e}.miniCard button{border:0;background:#5e2abb;color:#fff;border-radius:13px;padding:11px 14px;font-weight:800;cursor:pointer}.accentOrange{background:linear-gradient(145deg,#fff4ee,#fff);border-color:#ffd8cb}.stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.stats div{background:#f7f3fb;border-radius:15px;padding:12px 8px;text-align:center}.stats strong{display:block;color:#5c2eb3;font-size:22px}.stats span{font-size:10px;color:#857c8e}.mentorCard{border-left:5px solid #ff6544}.routeSidebar{background:linear-gradient(180deg,#fff,#faf7fd)}.routeSidebar button span{font-size:16px}.studentPlannerShell .workspace{min-height:calc(100vh - 78px)}.studentPlannerShell .plannerPage{max-width:1180px}.plannerProgress{height:14px;background:#ebe6f1;border-radius:999px;margin-bottom:20px;position:relative;overflow:visible}.plannerProgress div{height:100%;border-radius:999px;background:linear-gradient(90deg,#ff6c4b,#ff4e34)}.plannerProgress span{position:absolute;right:0;top:-24px;font-size:11px;font-weight:800;color:#725e80}.formSections{display:grid;grid-gap:20px;gap:20px}.sectionCard{background:#fff;border-radius:26px;padding:28px;border:1px solid #ebe4f2;box-shadow:0 16px 46px #36264f0e}.sectionTitle{display:flex;align-items:center;gap:13px;margin-bottom:16px}.sectionTitle>span{width:39px;height:39px;border-radius:13px;background:#f0e8fc;color:#6732c7;display:grid;place-items:center;font-size:12px;font-weight:900}.sectionTitle h2{margin:0;color:#452276;font-size:25px}.questionCard{background:#fbfafe;border:1px solid #eee8f4;border-radius:18px;padding:16px;margin:12px 0}.questionCard>span{color:#4e3a66}.questionCard textarea{min-height:92px;resize:vertical}.pageNav{display:flex;justify-content:space-between;margin-top:20px}.pageNav button{border:0;border-radius:14px;padding:12px 16px;background:#eee7f7;color:#5c2cb5;font-weight:800;cursor:pointer}.pageNav button:last-child{background:#5f2bb9;color:#fff}.pageNav button:disabled{opacity:.35;cursor:not-allowed}@media(max-width:1040px){.dashboardGrid{grid-template-columns:1fr}.studentSide{grid-template-columns:repeat(3,1fr)}.welcomePanel{grid-template-columns:1fr 230px}.routeList{grid-template-columns:1fr}.workspace{grid-template-columns:240px 1fr}}@media(max-width:820px){.loginScreen{gap:22px;padding:32px 20px 125px}.loginScreen,.workspace{grid-template-columns:1fr}.studentHeader{padding:0 18px}.brandBlock div{display:none}.brandBlock img{width:68px}.studentIdentity div{display:none}.studentDashboard{padding:26px 16px 50px}.welcomePanel{grid-template-columns:1fr;padding:30px}.progressPlanet{margin-top:28px}.studentSide{grid-template-columns:1fr}.routeSidebar,aside{position:static;height:auto;display:flex;gap:8px;overflow:auto;padding:12px;border-right:0;border-bottom:1px solid #e7e0ef}.routeSidebar .eyebrow,.routeSidebar h2,.routeSidebar p,aside .eyebrow,aside h2{display:none}.routeSidebar button,aside button{min-width:190px;margin:0}.plannerPage{padding:22px 16px}.twoCol{grid-template-columns:1fr}.pageTop h1{font-size:29px}}@media(max-width:540px){.loginScreen{padding:22px 14px 120px}.loginIntro h1{font-size:34px}.loginCard{padding:23px;border-radius:24px}.roleSwitch{grid-template-columns:1fr}.studentHeader nav>span{display:none}.welcomePanel h1{font-size:36px}.progressRing{width:160px;height:160px}.progressRing>div{width:127px;height:127px}.routeCard{padding:18px}.cardHeading{display:block}.cardHeading>span{display:inline-block;margin-top:10px}.pageTop{gap:10px}.save{font-size:10px;padding:7px 9px}.sectionCard{padding:18px}.pageNav button{font-size:12px;padding:10px}.studentIdentity{gap:8px}}.loginIntro .marsLogo{display:none!important}.loginIntro:before{content:"";display:block;width:min(310px,72vw);aspect-ratio:662/532;margin:0 auto 10px;background:url(/mars-logo.svg) 50%/contain no-repeat;filter:drop-shadow(0 18px 28px rgba(75,26,169,.18))}@media(max-width:980px){.loginIntro:before{width:min(230px,62vw)}}