@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;900&display=swap";.loading-indicator{vertical-align:middle;max-width:100%;line-height:inherit;justify-content:center;align-items:center;gap:.55rem;display:inline-flex}.loading-indicator__ring{border:2px solid;border-inline-end-color:#0000;border-radius:50%;flex:none;width:1em;min-width:14px;height:1em;min-height:14px;animation:.8s linear infinite masari-loading-spin;display:inline-block}@keyframes masari-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-indicator__ring{animation:none}}:root{--font-family:"Cairo", sans-serif;--color-primary:#7950d6;--color-primary-hover:#6540b8;--color-mint:#d3f5e6;--color-sky:#edf8ff;--color-yellow:#fff6df;--color-text:#243047;--color-text-muted:#596579;--color-background:#f7f8fc;--color-surface:#fff;--color-border:#e8e5f2;--color-success:#22634b;--color-error:#b42318;--color-warning:#854d0e;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:999px;--shadow-sm:0 4px 16px #46326e0a;--shadow-md:0 16px 48px #46326e0f;--container-width:1200px}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;min-height:100%}body{min-width:320px;min-height:100vh;font-family:var(--font-family);text-align:start;color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;line-height:1.8}#root{flex-direction:column;min-height:100dvh;display:flex}::selection{color:var(--color-text);background-color:#e3d8ff}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.4}p,h1,h2,h3,h4,h5,h6{overflow-wrap:anywhere}a{color:var(--color-primary);text-underline-offset:4px}a:hover{color:var(--color-primary-hover)}ul,ol{padding-inline-start:1.5rem}small{font-size:.875rem}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}input,textarea,select{max-width:100%;color:var(--color-text)}input::placeholder,textarea::placeholder{color:var(--color-text-muted);opacity:1}textarea{resize:vertical}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed}button:disabled{opacity:.6}img,picture,video,canvas,svg{max-width:100%;display:block}img,video{height:auto}table{border-collapse:collapse;width:100%}th,td{text-align:start}:focus-visible{outline:3px solid var(--color-primary);outline-offset:4px}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.container{width:min(var(--container-width), calc(100% - 32px));margin-inline:auto}:root{--color-primary:#7450b8;--color-primary-hover:#5d3c9e;--color-text:#3b304e;--color-text-muted:#70667c;--color-background:#faf8fc;--color-border:#e8e0ef;--color-mint:#e0f3eb;--color-sky:#edf2fc;--color-yellow:#fcf1d9;--radius-sm:12px;--radius-md:18px;--radius-lg:26px;--shadow-md:0 15px 50px #63477b0b;--primary-color:var(--color-primary);--border-color:var(--color-border);--surface-color:white;--background-soft:#f5f0fa}body{background:#faf8fc}#root{isolation:isolate;position:relative}.ambient{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:hidden}.ambient-glow{filter:blur(65px);opacity:.42;border-radius:50%;width:440px;height:440px;position:absolute}.ambient-glow--violet{background:#e3d5fc;top:-170px;right:-120px}.ambient-glow--mint{background:#d9f4e9;top:40%;left:-260px}.ambient-glow--peach{background:#fbe2cf;bottom:-240px;right:-140px}.float-icon{color:#c7b4db;opacity:.55;animation:12s ease-in-out infinite alternate gentle-drift;position:absolute}.float-icon--one{top:36%;right:2%;transform:rotate(-16deg)}.float-icon--two{animation-delay:-5s;top:13%;left:3%}.float-icon--three{animation-delay:-8s;bottom:14%;left:3%}.ambient-bubble{background:linear-gradient(135deg,#ffffffb3,#eee5f45c);border:1px solid #d7c7e7;border-radius:50%;animation:15s ease-in-out infinite alternate gentle-drift;position:absolute}.bubble-one{width:52px;height:52px;top:75%;right:3%}.bubble-two{width:22px;height:22px;animation-delay:-7s;top:55%;left:8%}.bubble-three{width:85px;height:85px;animation-delay:-3s;top:24%;left:-32px}.ambient--paused *{animation-play-state:paused}@keyframes gentle-drift{0%{translate:0;rotate:-8deg}to{translate:0 -24px;rotate:8deg}}.motion-toggle{bottom:14px;z-index:5;color:#756183;background:#fffffff2;border:1px solid #e7deef;border-radius:30px;align-items:center;gap:6px;padding:8px 12px;font-size:10px;display:flex;position:fixed;inset-inline-end:16px;box-shadow:0 4px 14px #63477b0a}.site-header{border-bottom:1px solid #eae4ef;justify-content:space-between;align-items:center;gap:20px;width:min(1240px,100% - 48px);min-height:88px;margin:0 auto;display:flex}.brand{color:#67459c;flex-shrink:0;align-items:center;gap:10px;font-size:27px;font-weight:900;line-height:1.3;text-decoration:none;display:flex}.brand small{color:#91839e;margin-top:4px;font-size:9px;font-weight:400;display:block}.brand-symbol{color:#fff;background:#7954b6;border-radius:14px;place-items:center;width:43px;height:43px;display:grid;box-shadow:0 5px 14px #7754b226}.site-nav{gap:6px;display:flex}.site-nav a{color:#82738f;white-space:nowrap;border-radius:12px;align-items:center;gap:7px;padding:10px 15px;font-size:12px;text-decoration:none;display:flex}.site-nav a.active{color:#6d4d9f;background:#ede6f6;font-weight:700}.site-nav a:hover{background:#f0eaf7}.profile-link{color:#6b597f;background:#ffffffa6;border:1px solid #e5ddec;border-radius:12px;align-items:center;gap:7px;padding:9px 13px;font-size:12px;text-decoration:none;display:flex}.header-note{color:#8a769a;align-items:center;gap:8px;font-size:12px;display:flex}#root .auth-card,#root .profile-card,#root .assessment-card,#root .grades-panel,#root .career-card,#root .chat-panel,#root .chat-layout aside,#root .progress-skill-card,#root .progress-summary-card,#root .progress-plan,#root .progress-attempt{background:#fffffff5;border-color:#e8e0ef;border-radius:24px;box-shadow:0 10px 35px #70548408}#root main{padding-bottom:70px}#root .auth-page{padding-top:44px}#root .auth-card{border-top:4px solid #bca3de;position:relative}#root .auth-brand{margin-bottom:25px;font-size:38px}#root .auth-card h1{font-size:25px}#root .auth-description{font-size:14px}#root .auth-field input,#root .profile-field input,#root .profile-field select,#root .profile-field textarea,#root .grades-page input,#root .grades-page textarea,#root .chat-panel input{background:#fcfaff;border-color:#dfd5e9;border-radius:12px;min-height:48px}#root .auth-button,#root .profile-button,#root .grades-page button{background:#7450b8;border-radius:12px;box-shadow:0 5px 14px #7450b815}#root .auth-button:hover:not(:disabled),#root .profile-button:hover:not(:disabled),#root .grades-page button:hover:not(:disabled){background:#5d3c9e}#root .career-card{border-top:4px solid #b5dcd0}#root .career-card:nth-child(2n){border-top-color:#d5bdec}#root .career-card h2{color:#63428e}#root .career-card h3{margin-bottom:8px;font-size:16px}#root .career-card p,#root .career-card li{font-size:14px;line-height:2}#root .career-intro{color:#82663a;background:#faf0dc;padding:18px;font-size:13px}#root .chat-layout{gap:18px}#root .chat-panel{min-height:420px}#root .message{background:#f0eafa;border-radius:18px 18px 5px;padding:15px 18px}#root .message--user{background:#e3f3ed;border-radius:18px 18px 18px 5px}#root .message p{font-size:14px;line-height:2}#root .conversation-item{background:#faf7fd;border:1px solid #0000;border-radius:12px;padding:13px}#root .conversation-item[aria-current=true]{color:#674696;background:#ede5f7;border-color:#cdb9e5}#root .mode-button{margin-inline-end:5px}#root .mode-button.active{color:#654591;background:#ece2f8;border-color:#cdb9e5}#root .chat-panel form button{color:#fff;background:#7450b8;border:0}#root .task-card{border-radius:18px;padding:20px}#root .task-card__reason{background:#faf3e3}#root .progress-bar-value{background:linear-gradient(90deg,#9f81cf,#6fae99)}#root .grade-card{background:#f0f8f4;border-color:#deebe3}#root .progress-summary-card{background:linear-gradient(110deg,#f2ecfa,#fff)}@media (width<=950px){.site-header{flex-wrap:wrap;gap:16px;padding-block:16px}.site-nav{order:3;justify-content:center;width:100%}}@media (width<=620px){.site-header{gap:16px;width:calc(100% - 32px)}.site-nav{justify-content:space-between;gap:3px}.site-nav a{flex-direction:column;gap:4px;padding:8px 9px;font-size:10px}.brand{font-size:25px}.header-note{max-width:125px;font-size:10px}.header-note svg{flex-shrink:0}.float-icon{opacity:.25}.ambient-glow{filter:blur(45px);width:260px;height:260px}#root .chat-page{margin-top:22px}#root .chat-layout aside{max-height:290px;overflow:auto}.motion-toggle{padding:7px 10px;font-size:9px}}@media (prefers-reduced-motion:reduce){.ambient *{animation:none!important}.motion-toggle{display:none}.destination-card:hover{transform:none}}.page-heading{align-items:center;gap:18px;margin-block:20px 24px;display:flex}.page-heading-icon{background:var(--tile-bg,#eee6fc);width:62px;height:62px;color:var(--tile-ink,#7952b7);border-radius:19px;flex-shrink:0;place-items:center;display:grid}.page-heading-kicker{color:#8b739d;font-size:11px}#root .page-heading h1{color:#433255;margin:3px 0 8px;font-size:clamp(23px,3vw,31px)}.page-heading p{color:#786985;max-width:660px;font-size:13px;line-height:1.9}#root .learning-plan-page .assessment-card{max-width:950px}.plan-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.plan-metrics>div{background:#f2ecfa;border-radius:18px;flex-direction:column;padding:20px;display:flex}.plan-metrics>div:nth-child(2){background:#edf7f2}.plan-metrics>div:nth-child(3){background:#fcf4e2}.plan-metrics span{color:#71617f;font-size:12px}.plan-metrics strong{color:#5c4576;margin-block:5px;font-size:30px}.plan-metrics small{color:#7b6a84;font-size:11px}#root .task-list{padding:0}#root .task-card{border-inline-start:4px solid #cbb9e4}#root .task-card--done{background:#f6fbf8;border-inline-start-color:#8dbda9}#root .task-card__position{color:#7450b8;background:#ece4f7;width:42px;height:42px}#root .task-card--done .task-card__position{color:#39765c;background:#dff2e8}#root .chat-page__header .page-heading{margin-bottom:18px}.chat-page__header>a{font-size:12px}.chat-start{background:#ffffffc9;border:1px solid #e8e0ef;border-radius:24px;align-items:center;gap:20px;padding:22px;display:flex}.mode-selector{flex:1;min-width:0}.mode-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}#root .mode-options .mode-button{text-align:start;background:#fcfaff;border:1px solid #e5dced;border-radius:16px;margin:0;padding:16px}#root .mode-options .mode-button.active{background:#f0e8fa;border-color:#a889cd;box-shadow:0 0 0 1px #a889cd}.mode-title{color:#654591;align-items:center;gap:9px;display:flex}.mode-check{margin-inline-start:auto}.mode-description{color:#625170;margin:9px 0 4px;font-size:12px;display:block}.mode-button small{color:#81718e;font-size:11px;display:block}.mode-hint{color:#82728e;margin-top:12px;font-size:11px}.new-conversation-button{color:#fff;white-space:nowrap;background:#7450b8;border:0;border-radius:13px;padding:13px 20px}.new-conversation-button:hover:not(:disabled){background:#5d3c9e}.chat-current-heading{border-bottom:1px solid #eee7f4;margin-bottom:20px;padding-bottom:18px}.chat-mode-badge{color:#487662;background:#edf5ef;border-radius:20px;margin-bottom:10px;padding:4px 12px;font-size:11px;display:inline-block}.chat-current-heading h2{font-size:21px}#root .career-card{padding:28px}#root .career-card h3{color:#674f7e;border-top:1px solid #eee8f3;padding-top:16px}#root .career-card li{margin-bottom:8px}#root .grades-panel h2{color:#65517a;margin-bottom:22px;font-size:21px}#root .progress-section h2{color:#65517a;font-size:21px}.tone-mint{--tile-bg:#e0f3eb;--tile-ink:#39826c}.tone-purple{--tile-bg:#eee6fc;--tile-ink:#7952b7}.tone-peach{--tile-bg:#fce9dc;--tile-ink:#a26944}.tone-blue{--tile-bg:#e3eff9;--tile-ink:#4c7b9d}.tone-yellow{--tile-bg:#fcf1cf;--tile-ink:#92752a}.tone-rose{--tile-bg:#f8e5ec;--tile-ink:#a35f7e}@media (width<=720px){.chat-start{flex-direction:column;align-items:stretch;padding:18px}.mode-options{grid-template-columns:1fr}.plan-metrics{grid-template-columns:1fr;gap:10px}.plan-metrics>div{padding:14px 18px}.page-heading{align-items:start;gap:12px}.page-heading-icon{border-radius:14px;width:47px;height:47px}#root .career-card{padding:20px}}#root .back-link{color:#71508f;background:#ffffffd9;border:1px solid #e3d8ed;border-radius:12px;align-items:center;gap:9px;width:fit-content;min-height:42px;padding:8px 14px;font-size:12px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.back-link svg{flex-shrink:0;transform:scaleX(-1)}#root .back-link:hover{background:#eee6f8;border-color:#c9b6de}#root .ui-button{color:#fff;background:#7450b8;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:11px 18px;font-size:13px;font-weight:700;transition:background .2s;display:inline-flex;box-shadow:0 5px 14px #7450b815}#root .ui-button:hover:not(:disabled){background:#5d3c9e}#root .ui-button--soft{color:#69498e;box-shadow:none;background:#f2ecfa;border-color:#e0d4ed}#root .ui-button--soft:hover:not(:disabled){background:#e7dcf5}#root .ui-button--success:disabled{opacity:1;color:#2d6c4d;box-shadow:none;background:#dcefe4;border-color:#bedfcb}.suggested-task{background:linear-gradient(120deg,#f7f2fc,#fffcf5);border:1px solid #decfeb;border-radius:20px;max-width:520px;margin:16px 0 24px;padding:20px}.suggested-task-heading{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.suggested-task-icon{color:#76519c;background:#e9dff6;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.suggested-task-heading h3{color:#68507e;font-size:13px}.suggested-task-time{color:#82622e;background:#fcf0d7;border-radius:20px;margin-inline-start:auto;padding:3px 10px;font-size:11px}.suggested-task-title{color:#4f3c61;margin-top:14px;font-weight:700}.suggested-task-description{color:#7c6d86;margin:7px 0 17px;font-size:12px}.suggested-task--saved{background:#f1f9f4;border-color:#cce3d5}.inline-error{color:#a33648;margin-top:12px;font-size:13px}.chat-feedback{color:#963d50;background:#fff5f6;border:1px solid #eccbd2;border-radius:15px;padding:17px}.chat-feedback p{margin-bottom:12px}#message-length{color:#82718f;align-self:center;font-size:11px}@media (width<=600px){.suggested-task{padding:16px}.suggested-task .ui-button{width:100%}}