@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300;font-display:swap;src:url(../media/32687112bd2dd8db-s.0gspg~~t9nou8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300;font-display:swap;src:url(../media/28868e710e86be81-s.0rx81dn62y51_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/32687112bd2dd8db-s.0gspg~~t9nou8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/28868e710e86be81-s.0rx81dn62y51_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/32687112bd2dd8db-s.0gspg~~t9nou8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/28868e710e86be81-s.0rx81dn62y51_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/32687112bd2dd8db-s.0gspg~~t9nou8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/28868e710e86be81-s.0rx81dn62y51_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/32687112bd2dd8db-s.0gspg~~t9nou8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/28868e710e86be81-s.0rx81dn62y51_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_bd4138ec-module__MqoVmq__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_bd4138ec-module__MqoVmq__variable{--font-space:"Space Grotesk", "Space Grotesk Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_29f246d4-module__8Y_Bfa__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_29f246d4-module__8Y_Bfa__variable{--font-inter:"Inter", "Inter Fallback"}
:root{--bg-base:#1a1a1a;--bg-surface:#242424;--bg-elevated:#2a2a2a;--bg-overlay:#333;--border-subtle:#333;--border-default:#404040;--border-strong:#666;--text-primary:#fff;--text-secondary:#b3b3b3;--text-muted:gray;--accent:#ff5722;--accent-hover:#e64a19;--accent-dim:#ff57221a;--accent-glow:#ff57224d;--secondary:#00bcd4;--secondary-hover:#0097a7;--success:#4caf50;--warning:#ff9800;--error:#f44336;--info:#2196f3;--pro-gold:#ff9800;--radius-sm:4px;--radius-md:4px;--radius-lg:4px;--radius-xl:4px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 1px 3px 0 #0000001a;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-card:0 10px 25px #0000004d;--neon-orange:linear-gradient(135deg, #ff5722 0%, #ff9800 100%);--neon-cyan:linear-gradient(135deg, #00bcd4 0%, #00e5ff 100%);--neon-purple:linear-gradient(135deg, #9c27b0 0%, #e91e63 100%);--neon-pink:linear-gradient(135deg, #ff6b9d 0%, #ff1493 100%);--neon-green:linear-gradient(135deg, #0f0 0%, #0c0 100%);--neon-blue:linear-gradient(135deg, #0ff 0%, #0080ff 100%);--neon-red:linear-gradient(135deg, red 0%, #f60 100%);--neon-multi:linear-gradient(90deg, #ff5722 0%, #9c27b0 50%, #00bcd4 100%);--neon-rainbow:linear-gradient(90deg, #ff5722 0%, #f0f 20%, #0ff 40%, #0f0 60%, #ff0 80%, #ff5722 100%);--title-orange:linear-gradient(90deg, #ff5722 0%, #ffb300 100%);--title-cyan:linear-gradient(90deg, #00bcd4 0%, #0ff 100%);--title-purple:linear-gradient(90deg, #9c27b0 0%, #0080ff 100%);--title-pink:linear-gradient(90deg, #ff1493 0%, #ff006e 100%);--sub-orange:linear-gradient(90deg, #ff8a50 0%, #ffc400 100%);--sub-cyan:linear-gradient(90deg, #26c6da 0%, #00e5ff 100%);--sub-purple:linear-gradient(90deg, #ba68c8 0%, #d946ef 100%);--glow-orange:0 0 20px #ff572280;--glow-orange-lg:0 0 40px #ff5722cc;--glow-cyan:0 0 20px #00bcd480;--glow-purple:0 0 20px #9c27b080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-inter), system-ui, sans-serif;background-color:var(--bg-base);color:var(--text-primary);min-height:100dvh;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-space), sans-serif;color:#fff;line-height:1.2}h1{letter-spacing:-.04em;font-size:48px;font-weight:800}h2{letter-spacing:-.02em;font-size:40px;font-weight:700}h3{font-size:32px;font-weight:700}h4{font-size:24px;font-weight:600}.text-neon-orange{background:var(--title-orange);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.text-neon-cyan{background:var(--title-cyan);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.text-neon-purple{background:var(--title-purple);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.subtitle-neon{background:var(--sub-orange);-webkit-text-fill-color:transparent;color:#0000;opacity:.9;-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:500;line-height:1.5}.rank-number{color:var(--accent)!important;font-weight:900!important}.group-title{opacity:.6;color:#fff!important;text-transform:uppercase!important;letter-spacing:.1em!important;margin:24px 16px 12px!important;font-size:11px!important;font-weight:800!important}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-overlay);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@theme{--color-bg-base: var(--bg-base); --color-bg-surface: var(--bg-surface); --color-bg-elevated: var(--bg-elevated); --color-bg-overlay: var(--bg-overlay); --color-border-subtle: var(--border-subtle); --color-border-default: var(--border-default); --color-border-strong: var(--border-strong); --color-text-primary: var(--text-primary); --color-text-secondary: var(--text-secondary); --color-text-muted: var(--text-muted); --color-accent: var(--accent); --color-accent-hover: var(--accent-hover); --color-accent-dim: var(--accent-dim); --color-secondary: var(--secondary); --color-pro-gold: var(--pro-gold); --color-success: var(--success); --color-warning: var(--warning); --color-error: var(--error); --font-family-sans: var(--font-inter), system-ui, sans-serif; --font-family-display: var(--font-space), sans-serif; --radius-sm: var(--radius-sm); --radius-md: var(--radius-md); --radius-lg: var(--radius-lg); --radius-xl: var(--radius-xl);}@media (max-width:1024px){.sidebar{top:0;bottom:0;z-index:1000!important;background:var(--bg-surface)!important;width:270px!important;height:100vh!important;transition:left .4s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;left:-280px!important;box-shadow:20px 0 50px #000c!important}.sidebar.is-open{left:0!important}.sidebar.is-compact{left:-280px!important}.app-main-view{margin-left:0!important}.sidebar-mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#000c;animation:.3s fadeIn;position:fixed;inset:0}.burger-menu-btn{display:flex!important}}@media (min-width:1025px){.burger-menu-btn{display:none!important}}@media (max-width:768px){.courses-grid-responsive{grid-template-columns:1fr 1fr!important;gap:12px!important;padding:0 12px!important}.course-card{min-height:auto!important}.course-card h3{font-size:13px!important;line-height:1.3!important}.course-slider-item{min-width:calc(50% - 12px)!important;max-width:calc(50% - 12px)!important}}@media (min-width:769px){.course-slider-item{min-width:calc(20% - 26px);max-width:calc(20% - 26px)}}.dashboard-grid{grid-template-columns:1fr;gap:40px;display:grid}.dashboard-banner-col{grid-row:1}.dashboard-main-col{flex-direction:column;grid-row:2;gap:40px;display:flex}.dashboard-aside-col{flex-direction:column;grid-row:3;gap:40px;display:flex}@media (min-width:1024px){.dashboard-grid{grid-template-columns:1fr 340px;align-items:flex-start}.dashboard-banner-col,.dashboard-main-col{grid-area:auto/1/auto/2}.dashboard-aside-col{grid-area:1/2/4/3}}.dashboard-flow{flex-direction:column;gap:40px;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 20px 4px var(--accent-glow)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-up{animation:.4s both fadeInUp}.animate-fade-in{animation:.3s both fadeIn}.animate-slide-right{animation:.35s both slideInFromRight}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.skeleton{background:linear-gradient(90deg, var(--bg-elevated) 25%, var(--bg-overlay) 50%, var(--bg-elevated) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color .2s,box-shadow .2s,transform .2s}.card:hover{border-color:var(--border-default);box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.input-base{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-primary);outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.input-base::placeholder{color:var(--text-secondary)}.input-base:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.btn{border-radius:var(--radius-md);white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--neon-orange);color:#fff;box-shadow:var(--glow-orange)}.btn-primary:hover{box-shadow:var(--glow-orange-lg);filter:brightness(1.1);transform:scale(1.05)}.btn-cyan{background:var(--neon-cyan);color:#fff;box-shadow:var(--glow-cyan)}.btn-cyan:hover{transform:scale(1.05);box-shadow:0 0 40px #00bcd4cc}.btn-purple{background:var(--neon-purple);color:#fff;box-shadow:var(--glow-purple)}.btn-purple:hover{transform:scale(1.05);box-shadow:0 0 40px #9c27b0cc}.btn-multi{background:var(--neon-multi);color:#fff;box-shadow:0 0 30px #ff572266}.btn-multi:hover{transform:scale(1.05);box-shadow:0 0 50px #ff572299}@keyframes moving-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.btn-animated-gradient{text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:linear-gradient(120deg,#2b58f9,#cf2e82,#f53d3d,#6d28d9,#2b58f9) 0 0/300% 300%;border:none;font-weight:800;transition:all .5s;animation:20s linear infinite moving-gradient;position:relative;overflow:hidden;box-shadow:0 4px 15px #0006;color:#fff!important}.btn-animated-gradient:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 25px #cf2e8233}.btn-animated-gradient:active:not(:disabled){transform:translateY(0)}.btn-animated-gradient:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:200%;height:200%;transition:all .8s;position:absolute;top:-50%;left:-150%;transform:rotate(45deg)}.btn-animated-gradient:hover:after{left:150%}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--bg-overlay);border-color:var(--border-strong)}.btn-ghost{color:var(--text-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-subtle)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#c00}.btn-sm{padding:6px 14px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.btn-icon{border-radius:var(--radius-sm);padding:8px}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:99px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-pro{color:var(--pro-gold);background:#f5a62326;border:1px solid #f5a6234d}.badge-free{color:var(--success);background:#00c8511f;border:1px solid #00c85140}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#000000bf;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated);width:100%;max-width:480px;max-height:90dvh;animation:.3s fadeInUp;overflow-y:auto}.dropdown-menu{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);z-index:40;animation:.15s fadeInUp;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden}.dropdown-item{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;padding:9px 12px;font-size:14px;transition:background .1s,color .1s;display:flex}.dropdown-item.active{color:var(--accent);background:var(--accent-dim)}.toggle-track{background:var(--bg-overlay);border:1px solid var(--border-default);cursor:pointer;border-radius:99px;width:52px;height:28px;transition:background .2s,border-color .2s;position:relative}.toggle-track.active{background:var(--accent);border-color:var(--accent)}.toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0006}.toggle-track.active .toggle-thumb{transform:translate(24px)}.dropzone{border:2px dashed var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .2s,background .2s}.dropzone:hover,.dropzone.drag-over{border-color:var(--accent);background:var(--accent-dim)}.pro-lock-overlay{border-radius:inherit;pointer-events:none;background:linear-gradient(#0000 40%,#0d0d0dd9 70%,#0d0d0df7 100%);align-items:flex-end;padding:12px;display:flex;position:absolute;inset:0}.app-root{background:var(--bg-base);width:100vw;height:100vh;display:flex;overflow:hidden}.app-main{background:var(--bg-base);flex-direction:column;flex:1;min-width:0;height:100%;display:flex;overflow:hidden}.app-content{flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border-subtle);z-index:40;flex-direction:column;flex-shrink:0;width:200px;min-height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.sidebar.collapsed{width:72px}.sidebar-logo{border-bottom:1px solid var(--border-subtle);white-space:nowrap;justify-content:space-between;align-items:center;height:64px;margin-bottom:8px;padding:16px 16px 16px 20px;display:flex}.sidebar.collapsed .sidebar-logo{justify-content:center;padding:16px 0}.sidebar.collapsed .sidebar-logo>div:first-child,.sidebar.collapsed .sidebar-logo span,.sidebar.collapsed .sidebar-logo strong{display:none!important}.sidebar-nav{scrollbar-width:none;flex-direction:column;flex:1;padding:4px 0;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-item{border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:12px;min-height:44px;margin:2px 12px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-item svg{color:var(--text-muted);flex-shrink:0}.sidebar-item:hover svg{color:var(--text-primary)}.sidebar-item.active svg{color:var(--accent)}.sidebar.collapsed .sidebar-item{border-radius:0;justify-content:center;gap:0;margin:4px 0;padding:10px 0}.sidebar.collapsed .sidebar-item span{display:none!important}.sidebar.collapsed .sidebar-item svg{flex-shrink:0;margin:0!important}.sidebar-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.sidebar-item.active{background:var(--accent-dim);color:var(--accent)}.sidebar-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;padding:12px 24px 4px;font-size:11px;font-weight:600}.sidebar.collapsed .sidebar-section-label,.sidebar.collapsed .sidebar-divider{display:none!important}.sidebar-footer{border-top:1px solid var(--border-subtle);margin-top:auto;padding:12px}.sidebar.collapsed .sidebar-footer{flex-direction:column;align-items:center;padding:12px 0;display:flex}.sidebar.collapsed .user-avatar-btn{justify-content:center;width:44px;padding:0}.sidebar.collapsed .user-avatar-btn div:last-child,.sidebar.collapsed .user-avatar-btn p,.sidebar.collapsed .user-avatar-btn>svg{display:none!important}.user-menu-wrapper{position:relative}.user-dropdown{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);width:240px;box-shadow:var(--shadow-elevated);z-index:100;animation:.2s fadeInUp;position:absolute;bottom:calc(100% + 12px);left:0;overflow:hidden}.sidebar.collapsed .user-dropdown{width:200px;bottom:calc(100% + 12px);left:12px}.user-dropdown-header{border-bottom:1px solid var(--border-subtle);padding:14px 16px}.auth-logo{justify-content:center!important;align-items:center!important;width:100%!important;margin-bottom:24px!important;display:flex!important}.auth-link{text-decoration:none;transition:opacity 1.5s ease-in-out;color:#fff!important;font-weight:800!important}.auth-link:hover{opacity:.8;text-decoration:underline}.dropdown-item{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:13px;text-decoration:none;transition:all .2s;display:flex}.dropdown-item:hover{background:var(--bg-overlay);color:var(--accent)}.dropdown-divider{background:var(--border-subtle);height:1px}.course-card{transition:transform .2s,box-shadow .2s}.course-card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-4px)}.topbar{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);z-index:30;align-items:center;gap:16px;height:60px;padding:0 24px;display:flex;position:sticky;top:0}.search-input-wrapper{flex:1;max-width:480px;position:relative}.search-input-wrapper svg{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input-wrapper input{padding-left:36px}.asset-card{border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.asset-card:hover{border-color:var(--border-default);transform:translateY(-4px);box-shadow:0 12px 40px #00000080}.asset-thumbnail{aspect-ratio:4/5;object-fit:cover;background:var(--bg-elevated);width:100%;display:block}.asset-card-footer{flex-direction:column;gap:4px;padding:10px 12px;display:flex}.filter-bar{scrollbar-width:none;align-items:center;gap:8px;padding:0 24px 16px;display:flex;overflow-x:auto}.filter-bar::-webkit-scrollbar{display:none}.filter-chip{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:99px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.filter-chip:hover{border-color:var(--accent);color:var(--text-primary)}.filter-chip.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.paywall-modal{text-align:center;padding:40px 32px}.paywall-icon{width:64px;height:64px;color:var(--pro-gold);background:#f5a6231f;border:1px solid #f5a6234d;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.upload-form-grid{grid-template-columns:1fr 1.4fr;align-items:start;gap:24px;display:grid}@media (max-width:900px){.upload-form-grid{grid-template-columns:1fr}}.label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.section-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.auth-page{background:var(--bg-base);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex;position:relative}.auth-page:before{content:"";pointer-events:none;background:radial-gradient(#007bff14 0%,#0000 70%);width:600px;height:300px;position:absolute;top:0;left:50%;transform:translate(-50%)}.auth-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);z-index:1;width:100%;max-width:400px;padding:40px;position:relative}.auth-logo{color:var(--text-secondary);align-items:center;gap:10px;margin-bottom:28px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:500;display:flex}.auth-logo strong{color:var(--text-primary);font-weight:700}.auth-title{color:var(--text-primary);margin-bottom:6px;font-size:26px}.auth-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:14px}.auth-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.auth-error{border-radius:var(--radius-sm);color:var(--error);background:#ff33331a;border:1px solid #ff333340;padding:10px 14px;font-size:13px}.auth-footer{text-align:center;color:var(--text-secondary);margin-top:24px;font-size:14px}.auth-link{color:var(--accent);font-weight:500;transition:opacity .15s}.auth-link:hover{opacity:.8}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}.success-icon{width:64px;height:64px;color:var(--success);background:#00c8511f;border:1px solid #00c8514d;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:28px;display:flex}.collections-empty{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:80px 24px;display:flex}.collections-empty h3{color:var(--text-primary);margin-top:8px;font-size:18px}.collections-empty p{color:var(--text-muted);font-size:14px}.collections-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:20px 24px;display:grid}.collection-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 16px;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.collection-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-elevated);transform:translateY(-3px)}.collection-icon{background:var(--bg-elevated);border-radius:var(--radius-md);justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:4px;display:flex}.collection-name{color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;font-weight:600}.collection-count{color:var(--text-muted);font-family:Inter,sans-serif;font-size:12px;font-weight:400}.mod-page{min-height:100%}.mod-header-icon{background:var(--accent-dim);border-radius:var(--radius-md);border:1px solid #007bff40;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.settings-nav-item{color:var(--text-secondary);border-radius:var(--radius-md);align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.settings-nav-item:hover{background:var(--bg-elevated);color:var(--text-primary)}@media (max-width:768px){.settings-container{flex-direction:column}.settings-nav{border-bottom:1px solid var(--border-subtle);padding-bottom:16px;overflow-x:auto;flex-direction:row!important;width:100%!important}}.dashboard-page{background:var(--bg-base);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.dashboard-page::-webkit-scrollbar{width:6px}.dashboard-page::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px}.dashboard-container{max-width:1200px;margin:0 auto;animation:.5s both fadeIn}.dashboard-content-grid{grid-template-columns:1fr;gap:32px;display:grid}.dashboard-grid{grid-template-columns:1fr 320px;gap:32px;max-width:1400px;margin:0 auto;display:grid}.featured-banner{border-radius:var(--radius-lg);aspect-ratio:21/9;background:var(--bg-surface);width:100%;position:relative;overflow:hidden}.featured-banner img{object-fit:cover;width:100%;height:100%}.banner-overlay{background:linear-gradient(90deg,#000000e6 0%,#0006 50%,#0000 100%);align-items:center;padding:60px;display:flex;position:absolute;inset:0}.banner-content h1{max-width:500px;margin:0 0 16px;font-size:40px;font-weight:850;line-height:1.1}.banner-content p{color:#ffffffb3;max-width:450px;margin-bottom:32px;font-size:18px}.continue-card{align-items:center;gap:20px;padding:16px;text-decoration:none;transition:all .2s;display:flex}.continue-card:hover{border-color:var(--accent);background:#ffffff05!important}.continue-thumb{aspect-ratio:16/9;border-radius:8px;width:140px;position:relative;overflow:hidden}.continue-thumb img{object-fit:cover;width:100%;height:100%}.play-btn-circle{opacity:0;background:#0006;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;inset:0}.continue-card:hover .play-btn-circle{opacity:1}.continue-info{flex:1}.course-name{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin:0 0 4px;font-size:11px;font-weight:800}.lesson-name{margin:0 0 12px;font-size:16px;font-weight:700}.progress-bar-container{background:var(--bg-elevated);border-radius:2px;width:100%;height:4px;overflow:hidden}.progress-bar-fill{background:var(--accent);height:100%}.popular-list{padding:8px 0}.popular-item{cursor:pointer;border-bottom:1px solid #ffffff08;align-items:center;gap:12px;padding:12px 20px;transition:all .2s;display:flex}.popular-item:hover{background:#ffffff05}.popular-item:last-child{border-bottom:none}.rank-number{color:var(--text-muted);opacity:.55;width:24px;font-size:20px;font-weight:900}.popular-thumb{background:var(--bg-elevated);border-radius:8px;width:44px;height:44px;overflow:hidden}.popular-thumb img{object-fit:cover;width:100%;height:100%}.popular-info{flex:1}.p-title{margin:0;font-size:14px;font-weight:600}.p-meta{color:var(--text-muted);margin:2px 0 0;font-size:11px}.p-action{color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.news-date{background:var(--bg-elevated);width:50px;height:50px;color:var(--text-secondary);border-radius:12px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.q-link{background:var(--bg-elevated);color:var(--text-secondary);border-radius:8px;align-items:center;gap:8px;padding:10px;font-size:12px;text-decoration:none;transition:all .2s;display:flex}.q-link:hover{background:var(--accent-dim);color:var(--accent)}@media (max-width:1100px){.dashboard-grid{grid-template-columns:1fr!important}.dashboard-sidebar{order:-1}}.highlight{box-shadow:0 8px 30px #007bff1a;border-color:var(--accent)!important;background:#007bff08!important}.metric-card{gap:20px;padding:24px;align-items:center!important;display:flex!important}.metric-icon{border-radius:14px;width:48px;height:48px;justify-content:center!important;align-items:center!important;display:flex!important}.metric-data{flex-direction:column;display:flex}.m-value{color:var(--text-primary);margin-bottom:4px;font-size:24px;font-weight:850;line-height:1}.m-label{color:var(--text-muted);font-size:12px;font-weight:600}