:root{--blue-900:#083f79;--blue-700:#0a67b4;--blue-100:#e9f3fc;--orange-600:#e99300;--orange-500:#f6a800;--slate-900:#132136;--slate-700:#3f536e;--slate-300:#cfd9e6;--bg:#f4f7fb;--paper:#fff;--success:#4caf50;--success-bg:#e8f5e9;--warning:#ff9800;--warning-bg:#fff3e0;--error:#e53935;--error-bg:#fdecea;--radius-sm:6px;--radius-md:10px;--radius-full:999px;--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 4px 16px #00000026;--text-secondary:var(--slate-700);--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}*{box-sizing:border-box}html,body{min-height:100dvh;margin:0;padding:0}body{background:var(--bg);color:var(--slate-900);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:none;background-color:#0b1424;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}#root{background:var(--bg);min-height:100dvh}h1,h2,h3,h4{font-family:Space Grotesk,Manrope,sans-serif}a{color:inherit}img,video{max-width:100%;height:auto;display:block}input,textarea,select,button{font-family:inherit;font-size:16px}button{touch-action:manipulation}.safe-top{padding-top:max(var(--safe-top), 12px)}.safe-bottom{padding-bottom:max(var(--safe-bottom), 12px)}.safe-x{padding-left:var(--safe-left);padding-right:var(--safe-right)}.safe-all{padding-top:var(--safe-top);padding-right:var(--safe-right);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left)}.spinner{border:3px solid var(--slate-300);border-top-color:var(--orange-500);border-radius:50%;width:36px;height:36px;margin:60px auto;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-wrap{justify-content:center;padding:60px 0;display:flex}.course-card{flex-direction:column;height:100%;transition:transform .2s,box-shadow .2s;display:flex}.course-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.course-card-body{flex:1}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.onboarding-banner{animation:.35s fadeSlideDown}@media (width<=768px){.df-grid{grid-template-columns:1fr!important}.hide-mobile{display:none!important}}@media (width>=769px){.only-mobile{display:none!important}}.table-scroll{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}@media (display-mode:standalone){body{background-color:#132136}}