:root{--ink:#15182b;--muted:#73758b;--paper:#f7f6f1;--line:#e6e3dc;--purple:#7063e8;--purple-dark:#4d43b7;--peach:#ffdfc6;--yellow:#ffbd59;--mint:#c8f0df;--navy:#101426}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:14px}.noise{position:fixed;inset:0;z-index:-1;opacity:.12;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E")}.sidebar{position:fixed;width:254px;height:100vh;padding:31px 18px 20px;border-right:1px solid var(--line);background:#fbfaf6;display:flex;flex-direction:column;z-index:4}.brand{font-size:23px;font-weight:800;color:var(--ink);text-decoration:none;letter-spacing:-1.5px;margin:0 12px 43px}.brand-mark{display:inline-grid;place-items:center;color:#fff;background:var(--purple);width:27px;height:27px;border-radius:9px;margin-right:7px;font-size:16px;transform:rotate(12deg)}.brand span span{color:var(--purple)}.workspace-label,.eyebrow{font:500 10px "DM Mono",monospace;letter-spacing:1.2px;color:#8c8c9b;margin:0}.workspace-label{margin:0 13px 15px}.sidebar nav{display:grid;gap:4px}.nav-item{border:0;background:transparent;color:#676979;text-align:left;padding:12px 13px;border-radius:10px;font:600 13px Manrope;cursor:pointer}.nav-item span{font-size:18px;margin-right:11px;color:#888a9a}.nav-item:hover,.nav-item.active{background:#ebe9fb;color:#373075}.nav-item.active span{color:var(--purple)}.sidebar-bottom{margin-top:auto}.streak-card{margin:0 3px 19px;padding:13px;background:#fff0df;border-radius:12px;display:flex;gap:10px;align-items:center}.fire{color:#e7793e;font-size:21px}.streak-card strong,.profile strong{display:block;font-size:11px}.streak-card small,.profile small{display:block;color:#888a98;font-size:10px;margin-top:2px}.profile{border:0;width:100%;background:transparent;display:flex;text-align:left;align-items:center;gap:9px;padding:6px;cursor:pointer}.profile b{margin-left:auto;color:#9798a1}.avatar{display:grid;place-items:center;border-radius:50%;background:#272742;color:#fff;width:32px;height:32px;font:500 10px "DM Mono"}main{margin-left:254px;padding:38px 56px 72px;max-width:1540px}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}h1,h2,h3,p{margin-top:0}h1{font-size:29px;letter-spacing:-1.3px;margin:8px 0 0}h2{font-size:26px;letter-spacing:-1.3px;margin:8px 0}h2 em{font-family:"Playfair Display";color:var(--purple);font-weight:700}h3{letter-spacing:-.6px}.header-actions{display:flex;gap:10px;align-items:center}.icon-button,.copilot-status{border:1px solid var(--line);background:#fff;border-radius:10px;height:36px}.icon-button{width:38px;position:relative;font-size:18px}.icon-button i{position:absolute;width:6px;height:6px;border-radius:50%;background:#e06b76;right:9px;top:8px}.copilot-status{font:600 11px Manrope;padding:0 12px;color:#595b6c}.copilot-status span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#68c49b;margin-right:6px}.view{display:none}.view.active{display:block}.hero-card{position:relative;overflow:hidden;min-height:228px;border-radius:18px;background:var(--navy);color:#fff;padding:34px 38px}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{height:260px;width:260px;background:#644fbc;opacity:.45;right:58px;top:-105px}.orb-two{height:180px;width:180px;background:#e47c8d;opacity:.26;right:-52px;bottom:-80px}.hero-copy{position:relative;z-index:1;max-width:690px}.hero-card .eyebrow{color:#bbb5e9}blockquote{font-family:"Playfair Display";font-size:26px;line-height:1.3;margin:12px 0 3px;letter-spacing:-.6px}.quote-author{font-size:11px;color:#c4c3d7;margin-bottom:27px}.hero-progress{display:flex;align-items:center;gap:12px;font-size:10px;color:#d5d4e1}.progress-track{background:#3d4155;border-radius:3px;height:5px;width:188px}.progress-track i{display:block;height:100%;background:var(--yellow);border-radius:inherit}.hero-progress strong{font:500 10px "DM Mono";color:#fff}.mascot{position:absolute;right:83px;bottom:18px;z-index:1}.face{background:#ffe0c2;width:88px;height:57px;border-radius:44px 44px 30px 30px;color:#24233b;font-weight:bold;padding:21px 14px;font-size:14px;position:relative;z-index:1}.mascot-body{width:117px;height:83px;background:#8d7df5;border-radius:55px 55px 15px 15px;margin:-2px -14px}.antenna{position:relative;z-index:2;color:var(--yellow);left:36px;top:8px;font-size:18px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:36px 0 15px}.section-heading h2{font-size:20px}.text-button,.mini-link{background:none;border:0;color:var(--purple-dark);font:700 11px Manrope;cursor:pointer}.mission-card,.card,.learning-card,.test-card{background:#fff;border:1px solid var(--line);border-radius:14px}.mission-card{display:flex;align-items:center;padding:20px;gap:18px}.mission-index{font:500 12px "DM Mono";color:#aaaab5}.mission-icon{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;font-size:22px}.purple{background:#eceafd;color:var(--purple)}.mission-content{flex:1}.mission-action{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.mission-hint{margin:0;font:500 11px "DM Mono",monospace;color:#8b8b96;text-align:right;max-width:200px;min-height:14px}.tag{font:500 9px "DM Mono";letter-spacing:.7px;color:#7e74d8;background:#f0effc;border-radius:4px;padding:4px 6px}.tag.warm{color:#b46832;background:#fff1df}.tag.blue{color:#377da8;background:#e6f5fb}.tag.green{color:#418c6a;background:#e7f8ef}.mission-content h3{margin:8px 0 4px;font-size:15px}.mission-content p{color:var(--muted);font-size:11px;margin-bottom:8px}.resource-row,.links{display:flex;gap:15px}.resource-row a,.links a,.featured-story a,.story-list a{color:#5a51bf;font-size:10px;text-decoration:none;font-weight:700}.primary-button{background:var(--purple);color:#fff;border:0;border-radius:9px;padding:11px 15px;font:700 11px Manrope;cursor:pointer;box-shadow:0 5px 11px #7063e836;white-space:nowrap}.primary-button:hover{background:var(--purple-dark)}.primary-button span{font-size:15px;margin-left:10px}.dashboard-grid{display:grid;grid-template-columns:1.05fr 1.25fr .8fr;gap:16px;margin-top:17px}.card{padding:20px;min-height:198px}.card-heading{display:flex;justify-content:space-between;align-items:start}.card-heading h3{font-size:14px;margin:6px 0 0}.pill{font:500 9px "DM Mono";border-radius:6px;color:#9e671c;background:#fff0d9;padding:5px 6px}.ring-wrap{display:flex;align-items:center;gap:16px;margin:22px 0 17px}.ring{width:78px;height:78px;border-radius:50%;background:conic-gradient(var(--purple) 0 72%,#edebf4 72%);display:grid;place-items:center}.ring>div{display:grid;place-items:center;background:#fff;border-radius:50%;width:63px;height:63px}.ring strong{font-size:16px}.ring small{font:500 8px "DM Mono";color:#8b8c99}.ring-copy{display:grid;gap:3px}.ring-copy strong{font-size:12px}.ring-copy span{color:#77798a;font-size:10px}.ring-copy small{color:#a5a5af;font-size:9px;max-width:90px}.week{display:flex;justify-content:space-between}.week span{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#f0eff4;color:#9899a5;font:500 9px "DM Mono"}.week span.done{background:#dcd8fb;color:#534ab8}.skill-row{display:grid;grid-template-columns:95px 1fr 22px;gap:7px;align-items:center;margin-top:15px;font-size:10px}.skill-row>div{background:#eeedf1;height:5px;border-radius:9px}.skill-row i{display:block;background:#8e84eb;height:100%;border-radius:inherit}.skill-row b{font:500 9px "DM Mono";color:#77798b}.skill-row.warning i{background:#ecae59}.checkin{background:#f5f4fd;border-color:#e4e1fa}.checkin h3{font-size:14px;line-height:1.4;margin:9px 0 17px}.focus-options{display:flex;gap:5px}.focus-options button{background:white;border:1px solid #e3e1f4;border-radius:7px;color:#676678;padding:7px;font:600 9px Manrope;cursor:pointer}.focus-options button:hover,.focus-options button.selected{background:var(--purple);color:#fff;border-color:var(--purple)}.focus-message{margin:13px 0 0;color:#9997ab;font-size:9px}.view-intro{max-width:670px;margin-bottom:29px}.view-intro>p:last-child{color:var(--muted);font-size:12px;line-height:1.75;margin-top:12px}.path-tabs{display:flex;border-bottom:1px solid var(--line);gap:22px;margin-bottom:16px}.path-tabs button{border:0;background:none;padding:0 0 12px;color:#858593;font:700 11px Manrope;cursor:pointer}.path-tabs .selected{color:var(--purple);border-bottom:2px solid var(--purple)}.path-tabs span,.job-filters span{font:500 9px "DM Mono";padding:2px 5px;border-radius:4px;background:#eae8f8}.learning-list{display:grid;gap:10px}.learning-card{display:flex;padding:20px;gap:20px;align-items:start}.learning-card.active-card{border-color:#b9b2f2;box-shadow:0 5px 18px #7164df0c}.number{font:500 13px "DM Mono";color:#aaaab4}.learning-main{flex:1}.learning-main>div{display:flex;justify-content:space-between;gap:15px}.learning-main h3{font-size:16px;margin:7px 0}.learning-main p{color:var(--muted);font-size:11px;max-width:700px;line-height:1.6;margin-bottom:11px}.learn-meta{min-width:85px;display:grid;justify-items:end;gap:7px;font-size:10px}.learn-meta span{color:#936026;font:500 10px "DM Mono";background:#fff0dc;padding:4px 6px;border-radius:4px}.round-button{width:27px;height:27px;border-radius:50%;border:1px solid #dddbea;background:#fff;color:var(--purple);font-size:17px;cursor:pointer}.assessment-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:55px;align-items:center;min-height:530px}.assessment-copy h2{font-size:32px;line-height:1.18;max-width:430px;margin:12px 0}.assessment-copy>p{color:var(--muted);font-size:12px;line-height:1.7;max-width:420px}.assessment-stats{display:flex;gap:28px;margin:28px 0}.assessment-stats div{display:grid;gap:3px}.assessment-stats strong{font-size:16px}.assessment-stats span{color:#878898;font-size:10px}.test-card{padding:25px;box-shadow:0 12px 35px #2623460e}.test-top,.test-footer{display:flex;justify-content:space-between;align-items:center}.timer{font:500 10px "DM Mono";color:#77798b}.test-card h3{font-size:18px;line-height:1.5;margin:30px 0 22px;max-width:450px}.answers{display:grid;gap:9px}.answers button{background:#fff;border:1px solid var(--line);padding:12px;text-align:left;border-radius:8px;color:#5a5b6b;font:500 11px Manrope;cursor:pointer}.answers button:hover{border-color:#9d94ed;background:#f8f7ff}.answers button.correct{border-color:#60b98d;background:#edfbf4;color:#23734b}.answers button.incorrect{border-color:#e8858a;background:#fff4f4}.answer-feedback{min-height:19px;margin:11px 0;color:#477d5e;font-size:10px}.test-footer{border-top:1px solid var(--line);padding-top:15px;color:#8b8c99;font:500 9px "DM Mono"}.jobs-intro{max-width:none;display:flex;align-items:end;justify-content:space-between}.notice{background:#eeecfb;color:#5c5792;border-radius:8px;padding:11px 14px;display:flex;gap:9px;font-size:10px;margin-bottom:15px}.job-filters{display:flex;gap:9px;align-items:center;margin-bottom:15px}.job-filters button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 9px;color:#77798a;font:600 10px Manrope;cursor:pointer}.job-filters button.selected{background:var(--ink);color:#fff;border-color:var(--ink)}.job-filters a{margin-left:auto;color:var(--purple-dark);font-size:10px;font-weight:700;text-decoration:none}.job-filters a+a{margin-left:4px}.job-list{display:grid;gap:9px}.job-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px;display:grid;grid-template-columns:42px 1fr auto;gap:13px;align-items:center}.company-logo{width:40px;height:40px;border-radius:10px;background:#e4e0ff;color:#554bb6;display:grid;place-items:center;font-weight:800}.job-info h3{font-size:14px;margin:0 0 3px}.job-info p{font-size:10px;color:#777989;margin:0}.job-tags{display:flex;gap:5px;margin-top:8px}.job-tags span{font:500 8px "DM Mono";background:#f4f3f6;border-radius:3px;padding:3px 5px;color:#787989}.job-action{display:grid;gap:8px;justify-items:end}.job-action small{color:#7d7e8d;font-size:9px}.job-action button{border:1px solid #d5d0f4;background:#f6f5ff;color:#584fc0;border-radius:6px;padding:7px 9px;font:700 9px Manrope;cursor:pointer}.job-action button.applied{color:#38845e;border-color:#bbe6cd;background:#edfbf3}.pulse-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:17px}.featured-story{background:var(--navy);min-height:340px;border-radius:16px;padding:31px;color:#fff;display:flex;flex-direction:column}.featured-story .tag{background:#363264;color:#cbc5ff;align-self:start}.featured-story .source{margin:36px 0 8px;font:500 10px "DM Mono";color:#ffbd59;letter-spacing:1px}.featured-story h3{font:700 23px "Playfair Display";line-height:1.3;margin-bottom:12px;max-width:480px}.featured-story>p:not(.source){color:#c5c3d8;font-size:11px;line-height:1.7;max-width:500px}.featured-story a{margin-top:auto;color:#fff}.story-list{display:grid;gap:10px}.story-list article{padding:22px;border:1px solid var(--line);background:#fff;border-radius:13px}.story-list span{color:#8d8d9b;font:500 9px "DM Mono";letter-spacing:.6px}.story-list h3{font-size:15px;line-height:1.4;margin:9px 0 15px}.toast{position:fixed;right:25px;bottom:25px;background:#24243c;color:#fff;border-radius:9px;padding:12px 17px;font-size:11px;box-shadow:0 10px 25px #11111e42;transform:translateY(80px);opacity:0;transition:.25s;z-index:10}.toast.show{transform:translateY(0);opacity:1}
.live-tag{display:inline-block;margin-left:8px;color:#8fe3b3;background:#1c3a2c;border-radius:5px;padding:2px 6px;font:600 8px "DM Mono";letter-spacing:.5px;vertical-align:middle}
.assessment-result{margin-top:16px;background:#f0effc;border:1px solid #ddd8f7;border-radius:10px;padding:12px 14px;font-size:11px;color:#4a437f;line-height:1.6}
.add-job-form{display:grid;grid-template-columns:1.1fr 1fr .9fr .9fr 1.3fr auto;gap:8px;margin-bottom:16px}
.add-job-form input{border:1px solid var(--line);border-radius:8px;padding:10px 11px;font:500 11px Manrope;background:#fff}
.add-job-form button{white-space:nowrap}
.job-status-line{color:#8b8c99;font-size:10px;margin:0 0 12px}
.job-notes{width:100%;margin-top:10px;border:1px dashed #ddd9ea;border-radius:8px;padding:8px 10px;font:500 10px Manrope;color:#5a5b6b;resize:vertical;min-height:36px;background:#fbfaf9}
.job-action select{border:1px solid var(--line);border-radius:6px;padding:6px 7px;font:600 9px Manrope;color:#584fc0;background:#f6f5ff}
.job-action .ghost-danger{background:#fff2f2;border-color:#f2cfd1;color:#b1454f}
.empty-state{color:#9a9ba7;font-size:11px;padding:24px;border:1px dashed var(--line);border-radius:12px;text-align:center}
.pulse-status{color:#8b8c99;font-size:10px;margin:0 0 15px}
.pulse-actions{display:flex;gap:14px;align-items:center;margin-top:4px}
.pulse-actions button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:6px 9px;font:600 9px Manrope;color:#77798a;cursor:pointer}
.story-list article.read{opacity:.5}
.story-list article.read h3{text-decoration:line-through}
.pulse-intro{max-width:none;display:flex;align-items:end;justify-content:space-between}
.pulse-intro>div{max-width:670px}

/* ---------- Tablet ---------- */
@media(max-width:1050px){
  .dashboard-grid{grid-template-columns:1fr 1fr}
  .checkin{grid-column:span 2}
  .assessment-layout{gap:25px;grid-template-columns:1fr}
  main{padding:32px}
  .add-job-form{grid-template-columns:1fr 1fr}
}

/* ---------- Phone ---------- */
@media(max-width:760px){
  html{-webkit-text-size-adjust:100%}
  body{font-size:14px}
  .sidebar{position:sticky;top:0;width:100%;height:auto;padding:12px 14px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line);z-index:20}
  .brand{margin:0;font-size:19px}
  .workspace-label,.sidebar-bottom{display:none}
  .sidebar nav{margin-left:auto;display:flex;gap:1px}
  .sidebar nav .nav-item{padding:9px 8px;font-size:0;border-radius:9px}
  .sidebar nav .nav-item span{margin:0;font-size:19px}
  main{margin:0;padding:18px 16px 90px}
  header{margin-bottom:20px}
  .header-actions{display:none}
  .eyebrow{font-size:9px}
  h1{font-size:20px;letter-spacing:-.8px}
  h2{font-size:20px}
  .hero-card{padding:22px 18px;min-height:auto}
  blockquote{font-size:19px;line-height:1.35}
  .hero-progress{flex-wrap:wrap;gap:8px}
  .progress-track{width:140px}
  .mascot{display:none}
  .section-heading{margin:26px 0 12px;align-items:flex-start;flex-direction:column;gap:6px}
  .dashboard-grid,.pulse-grid,.assessment-layout{grid-template-columns:1fr}
  .checkin{grid-column:auto}

  /* Mission card: stack icon/content/button instead of hiding the action */
  .mission-card{flex-direction:column;align-items:stretch;padding:16px;gap:12px}
  .mission-index{display:none}
  .mission-icon{width:36px;height:36px;font-size:18px}
  .mission-content h3{font-size:14px}
  .resource-row{flex-wrap:wrap;gap:10px}
  .complete-button{width:100%;justify-content:center;display:flex;align-items:center}.mission-action{align-items:stretch;width:100%}.mission-hint{text-align:center;max-width:none}

  .card{padding:16px;min-height:auto}
  .ring{width:66px;height:66px}
  .ring>div{width:53px;height:53px}
  .learning-card{flex-direction:column;gap:10px;padding:16px}
  .learning-main>div{flex-direction:column;align-items:flex-start;gap:6px}
  .learn-meta{display:flex;flex-direction:row;justify-items:stretch;justify-content:space-between;width:100%}
  .number{display:none}

  /* Skill Lab */
  .assessment-copy h2{font-size:23px;max-width:none}
  .assessment-stats{gap:16px;flex-wrap:wrap}
  .test-card{padding:16px}
  .test-card h3{font-size:15px;margin:18px 0 16px}
  .answers button{padding:13px 12px;font-size:12px;min-height:44px}

  /* Jobs */
  .jobs-intro{display:block}
  .jobs-intro .primary-button{margin-top:10px;width:100%}
  .job-filters{flex-wrap:wrap;gap:7px}
  .job-filters a{margin-left:0}
  .add-job-form{grid-template-columns:1fr}
  .add-job-form button{width:100%}
  .job-card{grid-template-columns:1fr;grid-template-areas:"logo info" "actions actions";column-gap:12px}
  .company-logo{grid-area:logo;align-self:start}
  .job-info{grid-area:info}
  .job-action{grid-area:actions;justify-items:stretch;display:grid;grid-template-columns:1fr;margin-top:10px;gap:6px}
  .job-action select,.job-action button,.job-action a{width:100%;text-align:center}

  /* AI Pulse */
  .pulse-intro{flex-direction:column;align-items:flex-start;gap:10px}
  .pulse-intro .primary-button{width:100%;justify-content:center}
  .story-list article{padding:16px}
  .story-list h3{font-size:14px}

  .toast{left:16px;right:16px;bottom:16px;text-align:center}
}

/* ---------- Small phone ---------- */
@media(max-width:400px){
  .sidebar nav .nav-item{padding:8px 6px}
  h1{font-size:18px}
  blockquote{font-size:17px}
  .mission-content h3{font-size:13px}
  .primary-button{padding:11px 12px;font-size:10px}
  .job-action{grid-template-columns:1fr}
}