*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#f5f7fb;color:#152033}a{text-decoration:none;color:inherit}.sidebar{position:fixed;left:18px;top:18px;bottom:18px;width:286px;padding:24px;border-radius:32px;background:linear-gradient(180deg,#111827,#17203a 58%,#203062);color:white;box-shadow:0 24px 60px rgba(21,32,51,.1);display:flex;flex-direction:column;gap:28px}.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:white;color:#3157ff;font-weight:900;font-size:1.4rem}.brand strong{display:block;font-size:1.25rem}.brand small{display:block;color:rgba(255,255,255,.62);margin-top:2px}.menu{display:grid;gap:8px}.menu a{display:flex;align-items:center;gap:12px;padding:13px 14px;color:rgba(255,255,255,.72);border-radius:16px}.menu a:hover,.menu a.active{background:rgba(255,255,255,.12);color:white}.menu span{width:26px;height:26px;display:inline-grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.1)}.upgrade-card{margin-top:auto;padding:18px;border-radius:24px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.12)}.pill{display:inline-flex;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.18);font-size:.75rem;font-weight:800}.upgrade-card h3{margin:13px 0 6px}.upgrade-card p{margin:0 0 16px;color:rgba(255,255,255,.68);line-height:1.5}.upgrade-card button{width:100%;border:0;padding:12px 14px;border-radius:14px;background:white;color:#17203a;font-weight:800}.workspace{min-height:100vh;margin-left:322px;padding:28px 30px 42px}.topbar{display:grid;grid-template-columns:1fr minmax(260px,420px) auto;align-items:center;gap:18px;margin-bottom:24px}.eyebrow{margin:0 0 6px;color:#3157ff;font-weight:800;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase}.topbar h1,.section-title h2,.hero-copy h2{margin:0;letter-spacing:-.045em}.topbar h1{font-size:clamp(1.7rem,3vw,2.7rem)}.search{height:54px;display:flex;align-items:center;gap:10px;padding:0 18px;background:white;border:1px solid #e4e9f2;border-radius:18px}.search input{width:100%;border:0;outline:0;background:transparent}.profile{display:flex;align-items:center;gap:12px}.notify{min-width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#ffedd5;color:#c2410c;font-weight:900}.avatar{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;color:white;font-weight:900;background:linear-gradient(135deg,#3157ff,#7c3aed)}.hero-panel{display:grid;grid-template-columns:1fr 220px;gap:24px;padding:30px;border-radius:28px;background:linear-gradient(135deg,#3157ff,#7c3aed);color:white;box-shadow:0 24px 60px rgba(21,32,51,.1)}.hero-copy .eyebrow{color:rgba(255,255,255,.76)}.hero-copy h2{max-width:720px;font-size:clamp(2rem,4vw,4rem);line-height:.98}.hero-copy p:not(.eyebrow){max-width:620px;color:rgba(255,255,255,.78);line-height:1.65}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:15px;font-weight:900}.btn.primary{background:white;color:#2337a0}.btn.secondary{background:rgba(255,255,255,.15);color:white;border:1px solid rgba(255,255,255,.2)}.hero-progress{align-self:center;justify-self:center;text-align:center}.ring{width:154px;height:154px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(white 259deg,rgba(255,255,255,.22) 0)}.ring span{font-size:1.9rem;font-weight:950}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0}.stats article,.panel{background:white;border:1px solid #e4e9f2;border-radius:24px;box-shadow:0 18px 48px rgba(21,32,51,.06)}.stats article{padding:20px;display:grid;gap:6px}.stat-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:#eef4ff;color:#3157ff;font-weight:900}.stats small{color:#748094;font-weight:700}.stats strong{font-size:2rem}.stats em{color:#16a34a;font-style:normal;font-size:.86rem;font-weight:800}.content-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:18px}.panel{padding:22px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.section-title a{color:#3157ff;font-weight:900}.courses{display:grid;gap:14px}.course-card{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:16px;padding:14px;border-radius:20px;background:#f8faff;border:1px solid #e4e9f2}.course-thumb{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;color:white;font-weight:950}.gradient-a{background:linear-gradient(135deg,#3157ff,#8b5cf6)}.gradient-b{background:linear-gradient(135deg,#06b6d4,#3157ff)}.gradient-c{background:linear-gradient(135deg,#f97316,#ec4899)}.course-info h3{margin:0 0 6px}.course-info p{margin:0 0 10px;color:#748094}.bar{height:9px;border-radius:999px;background:#e6ebf4;overflow:hidden}.bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3157ff,#7c3aed)}.course-card>strong{color:#3157ff;font-size:1.1rem}.timeline{list-style:none;margin:0;padding:0;display:grid;gap:12px}.timeline li{padding:16px;border-radius:18px;background:#f8faff;border:1px solid #e4e9f2}.timeline span{color:#3157ff;font-weight:900;font-size:.86rem}.timeline strong{display:block;margin:7px 0 4px}.timeline p{margin:0;color:#748094}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.message{display:grid;gap:4px;padding:14px 0;border-top:1px solid #e4e9f2}.message span,.muted{color:#748094;line-height:1.6}.goal span{display:block;font-weight:900;margin-bottom:12px}.bar.big{height:13px}@media(max-width:1120px){.sidebar{position:static;width:auto;margin:18px 18px 0}.workspace{margin-left:0;padding:22px 18px 38px}.topbar{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}}@media(max-width:720px){.sidebar{border-radius:0 0 28px 28px;margin:0}.menu{grid-template-columns:repeat(2,minmax(0,1fr))}.upgrade-card{display:none}.hero-panel,.stats,.bottom-grid{grid-template-columns:1fr}.hero-panel{padding:24px}.course-card{grid-template-columns:56px 1fr}.course-card>strong{grid-column:2}.course-thumb{width:56px;height:56px;border-radius:16px}}