:root{color:#18212f;font-synthesis:none;text-rendering:optimizelegibility;--ink:#18212f;--muted:#697386;--line:#e2e7ef;--surface:#fff;--primary:#5d4df4;--primary-dark:#4939de;--navy:#111827;--success:#16805c;--shadow:0 18px 50px #19243814;background:#f4f6fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f4f6fa;min-width:320px}body{background:radial-gradient(circle at 85% -10%,#5d4df41a,#0000 28rem),#f4f6fa;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--primary-dark)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #5d4df447}.app-shell{min-height:100vh}.topbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border-bottom:1px solid #e2e7efe6;grid-template-columns:minmax(210px,1fr) auto minmax(210px,1fr);align-items:center;min-height:72px;padding:0 40px;display:grid;position:sticky;top:0}.brand{width:fit-content;color:var(--navy);letter-spacing:-.02em;align-items:center;gap:11px;font-size:1rem;font-weight:750;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#786af8,#4b3bdd);border-radius:11px;place-items:center;width:36px;height:36px;font-family:Georgia,serif;font-size:1.25rem;display:grid;box-shadow:0 8px 20px #5d4df440}.main-nav{background:#f4f6fa;border-radius:12px;align-items:center;gap:6px;padding:4px;display:flex}.main-nav a{color:#667085;border-radius:9px;padding:9px 14px;font-size:.88rem;font-weight:650;text-decoration:none}.main-nav a.active{color:var(--navy);background:#fff;box-shadow:0 2px 8px #19243814}.account-menu{justify-content:flex-end;align-items:center;gap:10px;display:flex}.role-badge,.xp-badge,.course-label{border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:.76rem;font-weight:750;display:inline-flex}.role-badge{color:#5545df;background:#eeecff}.page-frame{width:min(1180px,100% - 48px);margin:0 auto;padding:46px 0 72px}main:not(.login-page){width:100%}.dashboard-hero{color:#fff;background:radial-gradient(circle at 88% 20%,#9e92ff8c,#0000 13rem),linear-gradient(135deg,#161d32 0%,#27204f 58%,#5545df 130%);border-radius:28px;justify-content:space-between;align-items:flex-end;gap:32px;padding:42px;display:flex;overflow:hidden;box-shadow:0 24px 60px #191d3c2e}.dashboard-hero h1{letter-spacing:-.055em;max-width:700px;margin:5px 0 12px;font-size:clamp(2.1rem,5vw,4rem);line-height:1}.eyebrow{color:#7b6cf6;letter-spacing:.13em;text-transform:uppercase;margin:0 0 8px;font-size:.76rem;font-weight:800}.dashboard-hero .eyebrow{color:#beb7ff}.hero-copy{color:#ffffffb8;max-width:570px;margin:0;font-size:1.03rem;line-height:1.65}.hero-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff17;border:1px solid #ffffff24;border-radius:18px;min-width:150px;padding:20px;display:grid}.hero-stat strong{font-size:2.1rem;line-height:1}.hero-stat span{color:#ffffffa8;margin-top:8px;font-size:.78rem}.dashboard-section{margin-top:42px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.section-heading h2{letter-spacing:-.035em;margin:0;font-size:1.75rem}.course-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;display:grid}.course-card,main:not(.dashboard):not(.login-page)>section,main:not(.dashboard):not(.login-page)>article{background:var(--surface);box-shadow:var(--shadow);border:1px solid #e2e7efe6;border-radius:22px}.course-card{flex-direction:column;min-height:310px;padding:26px;display:flex}.course-card-topline,.progress-meta{justify-content:space-between;align-items:center;display:flex}.course-label{color:#4261a8;background:#eef3ff}.xp-badge{color:var(--success);background:#eaf8f2}.course-card h3{letter-spacing:-.025em;margin:28px 0 10px;font-size:1.45rem}.course-card h3 a{color:var(--ink);text-decoration:none}.course-next,.muted{color:var(--muted)}.course-next{min-height:42px;margin:0 0 28px;line-height:1.5}.progress-meta{color:var(--muted);margin-bottom:9px;font-size:.8rem}.progress-meta strong{color:var(--ink)}.progress-track{background:#edf0f5;border-radius:999px;height:7px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#7567f8,#4d3ddd);height:100%;display:block}.button{cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:12px;min-height:42px;padding:0 17px;font-weight:720;text-decoration:none;transition:all .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--primary);color:#fff;box-shadow:0 9px 22px #5d4df438}.button-primary:hover{background:var(--primary-dark)}.button-ghost{border:1px solid var(--line);color:#4c5668;background:#fff}.button-large{width:100%;min-height:50px}.button:disabled{opacity:.6;cursor:wait;transform:none}.course-action{justify-content:space-between;margin-top:auto}.empty-state{min-height:280px;color:var(--muted);text-align:center;border:1px dashed #cfd6e3;border-radius:22px;align-content:center;place-items:center;padding:32px;display:grid}.empty-state>span{color:#8b7ff8;font-size:2.5rem}.empty-state h3{color:var(--ink);margin:12px 0 0}.empty-state p{margin:6px 0 0}.login-page{grid-template-columns:minmax(420px,1.05fr) minmax(440px,.95fr);min-height:100vh;display:grid}.login-intro{color:#fff;background:radial-gradient(circle at 82% 24%,#8070ff8c,#0000 19rem),linear-gradient(150deg,#111827,#222046 65%,#4e3edc 145%);flex-direction:column;justify-content:space-between;min-height:100vh;padding:clamp(36px,6vw,84px);display:flex}.brand-light{color:#fff}.login-intro h1{letter-spacing:-.065em;max-width:700px;margin:14px 0 22px;font-size:clamp(2.6rem,6vw,5.5rem);line-height:.98}.login-intro>div>p:last-child{color:#ffffffb3;max-width:620px;font-size:1.05rem;line-height:1.7}.login-footnote{color:#ffffff80;margin:0;font-size:.8rem}.login-panel{background:#fff;place-items:center;min-height:100vh;padding:32px;display:grid}.login-card{width:min(420px,100%)}.login-card h2{color:var(--navy);letter-spacing:-.045em;margin:4px 0 8px;font-size:2.15rem}.login-card .muted{margin:0 0 32px;line-height:1.55}.login-card form,.login-card label{display:grid}.login-card form{gap:19px}.login-card label{color:#344054;gap:8px;font-size:.86rem;font-weight:700}input,textarea,select{width:100%;color:var(--ink);background:#fff;border:1px solid #d7dde8;border-radius:11px}input,select{min-height:48px;padding:0 14px}textarea{padding:14px;line-height:1.5}input::placeholder,textarea::placeholder{color:#9aa3b2}input:focus,textarea:focus,select:focus{border-color:#8073f7}.form-error{color:#b4233b;background:#fff1f2;border-radius:10px;margin:-5px 0 0;padding:11px 13px;font-size:.83rem}main:not(.dashboard):not(.login-page){max-width:960px;box-shadow:var(--shadow);background:#fff;border:1px solid #e2e7efe6;border-radius:24px;margin:0 auto;padding:34px}main:not(.dashboard):not(.login-page)>h1{letter-spacing:-.045em;margin:0 0 10px;font-size:clamp(1.9rem,4vw,3rem)}main ol,main ul{padding-left:1.4rem}main li{margin:12px 0}main article{border:1px solid var(--line);background:#fbfcfe;border-radius:16px;padding:22px}main button:not(.button){background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:10px;min-height:42px;padding:0 17px;font-weight:700}pre,code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}pre{color:#e8edf6;background:#121826;border-radius:12px;max-width:100%;padding:16px;overflow:auto}video{background:#101522;border-radius:14px;width:100%;display:block}[data-status=locked]{opacity:.55}@media (width<=900px){.topbar{grid-template-columns:1fr auto;padding:0 22px}.main-nav{z-index:30;border:1px solid var(--line);justify-content:space-around;position:fixed;bottom:14px;left:14px;right:14px;box-shadow:0 14px 35px #1924382e}.main-nav a{text-align:center;flex:1}.role-badge{display:none}.page-frame{width:min(100% - 28px,1180px);padding:28px 0 100px}.login-page{grid-template-columns:1fr}.login-intro{display:none}.login-panel{padding:24px}}@media (width<=600px){.topbar{min-height:64px;padding:0 14px}.brand>span:last-child{font-size:.88rem}.account-menu .button{min-height:38px;padding:0 12px}.dashboard-hero{border-radius:21px;flex-direction:column;align-items:flex-start;padding:28px 24px}.hero-stat{width:100%}.dashboard-section{margin-top:30px}.course-card{min-height:290px;padding:22px}main:not(.dashboard):not(.login-page){border-radius:18px;padding:24px 18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}