@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--bg-page:#0b0f19;--bg-card:#111827;--bg-card-hover:#172033;--bg-header:rgba(11,15,25,.9);--bg-input:#0e1422;--border-color:hsla(0,0%,100%,.08);--border-hover:hsla(0,0%,100%,.18);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-text:#fff;--badge-bg:hsla(0,0%,100%,.06);--progress-track:hsla(0,0%,100%,.08);--progress-fill:#2563eb;--success:#10b981}[data-theme=light]{--bg-page:#f8fafc;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-header:hsla(0,0%,100%,.9);--bg-input:#fff;--border-color:#e2e8f0;--border-hover:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-text:#fff;--badge-bg:#f1f5f9;--progress-track:#e2e8f0;--progress-fill:#2563eb;--success:#059669}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;-webkit-font-smoothing:antialiased;line-height:1.5;transition:background-color .2s ease,color .2s ease;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:inherit}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px;gap:20px}@media (max-width:640px){.courses-grid{grid-template-columns:1fr;gap:16px}.header-nav{padding:10px 16px!important}.page-container{padding:0 16px!important}}@media (min-width:641px) and (max-width:1024px){.courses-grid{grid-template-columns:repeat(2,1fr);gap:18px}}@media (min-width:1440px){.courses-grid{grid-template-columns:repeat(4,1fr)}}.classroom-container{display:flex;flex:1 1;min-height:0}.classroom-main{flex:1 1;padding:24px;gap:16px}.classroom-main,.classroom-sidebar{overflow-y:auto;display:flex;flex-direction:column}.classroom-sidebar{width:360px;background:var(--bg-card);border-left:1px solid var(--border-color);flex-shrink:0}.video-wrapper{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;border:1px solid var(--border-color)}.video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}@media (max-width:1024px){.classroom-container{flex-direction:column!important}.classroom-main{padding:14px!important}.classroom-sidebar{width:100%!important;border-left:none!important;border-top:1px solid var(--border-color)!important;max-height:500px}.video-wrapper{border-radius:8px}}.horizontal-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.horizontal-scroll::-webkit-scrollbar{height:4px}