:root{--primary:#5b21b6;--primary-dark:#4c1d95;--primary-light:#ede9fe;--ink:#1c1d1f;--ink-soft:#6a6f73;--surface:#fff;--surface-alt:#f7f7f9;--border:#e2e2e6;--star:#f59e0b;--success:#15803d;--success-bg:#dcfce7;--danger:#dc2626;--radius:10px;--shadow-sm:0 1px 2px #14141e0f, 0 1px 3px #14141e14;--shadow-md:0 4px 14px #14141e1a;--sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{background:var(--surface-alt);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit}button{font-family:inherit}::selection{background:var(--primary-light);color:var(--primary-dark)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.course-card:hover{box-shadow:var(--shadow-md);border-color:#d4d4d8;transform:translateY(-3px)}.primary-btn{transition:background .15s,transform 50ms}.primary-btn:hover{background:var(--primary-dark)}.primary-btn:active{transform:scale(.98)}.ghost-btn{transition:background .15s,border-color .15s}.ghost-btn:hover{background:var(--surface-alt)}.tab-pill{transition:background .15s,color .15s,border-color .15s}.category-box{transition:transform .15s,box-shadow .15s,border-color .15s}.category-box:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-2px)}.fade-in-up{animation:.5s both fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}