@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap";:root{--red: #E63946;--red-dark: #B71C1C;--red-light: #FF6B6B;--red-glow: rgba(230,57,70,.3);--red-subtle: rgba(230,57,70,.08);--red-border: rgba(230,57,70,.2);--black: #0A0A0A;--black-light: #111111;--black-card: #161616;--gray-900: #1A1A1A;--gray-800: #242424;--gray-700: #333333;--gray-600: #444444;--gray-500: #666666;--gray-400: #888888;--gray-300: #AAAAAA;--gray-200: #CCCCCC;--white: #F0F0F0;--green: #4CAF50;--green-subtle: rgba(76,175,80,.12);--font: "Outfit", -apple-system, sans-serif;--mono: "JetBrains Mono", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow: 0 4px 24px rgba(0,0,0,.4);--shadow-red: 0 4px 20px rgba(230,57,70,.15);--overlay-bg: rgba(0,0,0,.7);--glass-bg: rgba(16, 16, 16, .88);--glass-border: rgba(255,255,255,.04);--card-hover: rgba(255,255,255,.03);--input-bg: #1A1A1A;--input-border: #333333;--badge-bg: rgba(255,255,255,.06);--brand-primary: var(--red);--brand-secondary: var(--green);--bottom-nav-space: calc(96px + env(safe-area-inset-bottom, 0px)) }[data-theme=light]{--black: #FAF9F7;--black-light: #F3F2EF;--black-card: #EFEEE9;--gray-900: #E8E6E1;--gray-800: #DAD8D3;--gray-700: #C5C3BE;--gray-600: #A8A6A1;--gray-500: #7A7875;--gray-400: #5A5855;--gray-300: #3D3B38;--gray-200: #2A2826;--white: #1A1917;--shadow: 0 2px 12px rgba(0,0,0,.06);--shadow-red: 0 4px 20px rgba(230,57,70,.08);--overlay-bg: rgba(250,249,247,.85);--glass-bg: rgba(250, 249, 247, .92);--glass-border: rgba(0,0,0,.08);--card-hover: rgba(0,0,0,.02);--input-bg: #FFFFFF;--input-border: #C5C3BE;--badge-bg: rgba(0,0,0,.04);--red-subtle: rgba(230,57,70,.05);--red-glow: rgba(230,57,70,.12);--green-subtle: rgba(76,175,80,.06)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;background:var(--black);color:var(--white);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--brand-primary);border-radius:2px}*{scrollbar-width:thin;scrollbar-color:var(--brand-primary) transparent}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 8px var(--red-glow)}50%{box-shadow:0 0 24px var(--red-glow),0 0 48px #e6394614}}@keyframes xpPop{0%{transform:scale(0) rotate(-10deg);opacity:0}60%{transform:scale(1.2) rotate(3deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-up{animation:fadeUp .35s ease-out forwards}.fade-in{animation:fadeIn .3s ease-out forwards}.slide-right{animation:slideInRight .3s ease-out forwards}.slide-left{animation:slideInLeft .3s ease-out forwards}.scale-in{animation:scaleIn .3s ease-out forwards}.glow-border{animation:glow 2.5s ease-in-out infinite}.xp-pop{animation:xpPop .45s cubic-bezier(.175,.885,.32,1.275) forwards}.pulse{animation:pulse 1.5s ease-in-out infinite}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:50ms}.stagger>*:nth-child(3){animation-delay:.1s}.stagger>*:nth-child(4){animation-delay:.15s}.stagger>*:nth-child(5){animation-delay:.2s}.stagger>*:nth-child(6){animation-delay:.25s}.snap-y{height:100dvh;height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.snap-y::-webkit-scrollbar{display:none}.snap-item{height:100dvh;height:100vh;scroll-snap-align:start;position:relative}.glass{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border)}::selection{background:var(--brand-primary);color:#fff}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}*{-webkit-tap-highlight-color:transparent}.snap-y{height:100dvh;height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch}.snap-item{height:100dvh;height:100vh;scroll-snap-align:start;scroll-snap-stop:always}@supports (height: 100dvh){.snap-y,.snap-item{height:100dvh}}@keyframes spin{to{transform:rotate(360deg)}}.scale-in{animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}[data-theme=light] button{box-shadow:inset 0 0 0 1px var(--gray-700)}[data-theme=light] button:hover{box-shadow:inset 0 0 0 1px var(--gray-600)}[data-theme=light] .glass{border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 1px 4px #0000000a}[data-theme=light] nav{background:linear-gradient(to top,var(--black) 70%,transparent)!important}.course-card-hover{transform:scale(1);box-shadow:0 0 0 0 transparent}.course-card-hover:hover{transform:scale(1.03);border-color:#e6394666!important;box-shadow:0 0 20px #e6394626,0 0 40px #e639460d}.course-card-hover:active{transform:scale(.98)}@media (hover: none){.course-card-hover:hover{transform:none;border-color:transparent!important;box-shadow:none}}