@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--accent:oklch(68% .28 290);--accent-2:oklch(72% .22 316);--accent-glow:oklch(68% .28 290/.3);--ink:#eae6ff;--body:#c0bad8;--muted:#78739e;--faint:#4c4870;--page:#0c0b16;--card:#18162a;--line:#2c2840;--soft:#1c1a2e;--chip:#221f36;--track:#2c2840;--dashed:#3d3a58;--green:oklch(64% .18 152);--green-l:oklch(20% .07 152);--red:oklch(65% .22 25);--red-l:oklch(20% .08 25);--blue:oklch(66% .2 245);--blue-l:oklch(20% .07 245);--yellow-l:oklch(20% .07 80)}body{background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased;background-image:radial-gradient(120% 60% at 50% -10%,oklch(38% .16 290/.14) 0%,#0000 65%),radial-gradient(60% 40% at 85% 110%,oklch(30% .14 316/.09) 0%,#0000 55%);background-attachment:fixed;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--accent)}a:hover{color:var(--accent-2)}button,input,textarea,select{color:inherit;font-family:inherit}button{-webkit-tap-highlight-color:transparent;cursor:pointer}.content-col{max-width:880px;margin:0 auto;padding:28px 20px 72px}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px 24px;box-shadow:0 2px 20px #0006,inset 0 1px #ffffff0f}.btn{letter-spacing:-.01em;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:10px 20px;font-size:15px;font-weight:700;line-height:1.2;text-decoration:none;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;box-shadow:0 4px 20px var(--accent-glow)}.btn-primary:hover:not(:disabled){filter:brightness(1.12);box-shadow:0 6px 28px var(--accent-glow);transform:translateY(-1px)}.btn-outline{border:1.5px solid var(--line);color:var(--body);background:0 0}.btn-outline:hover:not(:disabled){background:var(--chip);border-color:var(--muted);color:var(--ink)}.btn-sm{border-radius:10px;min-height:32px;padding:6px 12px;font-size:13px}.chip{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.mastery-0{background:var(--chip);color:var(--muted)}.mastery-1{color:oklch(75% .2 25);background:oklch(22% .08 25)}.mastery-2{color:oklch(80% .18 80);background:oklch(22% .08 80)}.mastery-3{color:oklch(72% .16 152);background:oklch(22% .08 152)}.mastery-dot-0{background:var(--dashed)}.mastery-dot-1{background:oklch(65% .22 25)}.mastery-dot-2{background:oklch(80% .18 80)}.mastery-dot-3{background:oklch(64% .18 152)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes checkPop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.fade-up{animation:.35s both fadeUp}.progress-bar-wrap{background:var(--track);border-radius:999px;height:8px;overflow:hidden;box-shadow:inset 0 1px 3px #0006}.progress-bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;box-shadow:0 0 10px var(--accent-glow);border-radius:999px;transition:width .4s}.glass{-webkit-backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid #ffffff14}@media (width<=600px){.content-col{padding:20px 16px 80px}}@media (width<=480px){.mobile-btn-row{flex-direction:column!important}.mobile-btn-row .btn,.mobile-btn-row button{width:100%!important;max-width:none!important}.card-grid-auto{grid-template-columns:1fr 1fr!important}.btn{min-height:48px;font-size:16px}.btn-sm{min-height:36px;font-size:13px}}.header-nav{flex-wrap:wrap;gap:5px;display:flex}@media (width<=540px){.header-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.header-nav::-webkit-scrollbar{display:none}.header-nav button{flex-shrink:0}}