:root{--green: #25D366;--green-bright: #34E47A;--green-deep: #1ea952;--green-glow: rgba(37, 211, 102, .14);--green-glow-lg: rgba(37, 211, 102, .24);--green-border: rgba(37, 211, 102, .28);--green-border-lg:rgba(37, 211, 102, .45);--aurora: #7BE8B3;--gold: #F5D76E;--bg-0: #030505;--bg-1: #060909;--bg-2: #090D0C;--bg-3: #0C1110;--bg-4: #101615;--bg-5: #151C1A;--bg-6: #0A0E0D;--line-0: rgba(255, 255, 255, .04);--line-1: rgba(255, 255, 255, .07);--line-2: rgba(255, 255, 255, .12);--line-3: rgba(255, 255, 255, .2);--t-0: #FFFFFF;--t-1: #D4DDD9;--t-2: #8E9E99;--t-3: #536059;--t-4: #3A4642;--shadow-xs: 0 1px 3px rgba(0,0,0,.5);--shadow-sm: 0 2px 8px rgba(0,0,0,.5), 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 8px 24px -6px rgba(0,0,0,.65), 0 2px 6px rgba(0,0,0,.35);--shadow-lg: 0 20px 48px -12px rgba(0,0,0,.75), 0 6px 16px -6px rgba(0,0,0,.45);--shadow-xl: 0 40px 80px -16px rgba(0,0,0,.8), 0 16px 32px -12px rgba(0,0,0,.5);--glow-sm: 0 0 0 1px var(--green-border), 0 6px 20px -6px var(--green-glow);--glow-md: 0 0 0 1px var(--green-border), 0 12px 40px -8px var(--green-glow-lg);--glow-lg: 0 0 0 1px var(--green-border-lg), 0 24px 60px -12px var(--green-glow-lg);--g-primary: linear-gradient(135deg, #34E47A 0%, #25D366 50%, #1ea952 100%);--g-primary-α: linear-gradient(135deg, rgba(52,228,122,.16) 0%, rgba(37,211,102,.06) 100%);--g-hero: radial-gradient(ellipse 80% 60% at 50% -10%, rgba(37,211,102,.2) 0%, transparent 70%);--g-card: linear-gradient(135deg, rgba(37,211,102,.1) 0%, transparent 60%);--g-text: linear-gradient(135deg, #FFFFFF 0%, #C8CFCD 40%, #7BE8B3 100%);--g-sidebar: linear-gradient(180deg, #070909 0%, #050707 100%);--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-2xl: 36px;--r-3xl: 44px;--spring: cubic-bezier(.32, .72, 0, 1);--spring-sm:cubic-bezier(.2, .9, .3, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--dur-xs: .12s;--dur-sm: .2s;--dur-md: .32s;--dur-lg: .5s;--dur-xl: .7s;--neon-green: var(--green);--neon-green-bright: var(--green-bright);--neon-green-deep: var(--green-deep);--neon-glow: var(--green-glow);--neon-glow-strong:var(--green-glow-lg);--neon-border: var(--green-border);--bg-main: var(--bg-1);--bg-card: var(--bg-2);--bg-card-raised: var(--bg-3);--bg-surface: var(--bg-3);--bg-surface-2: var(--bg-4);--bg-hover: var(--bg-4);--bg-highlight: var(--bg-5);--bg-inset: var(--bg-6);--border-subtle: var(--line-0);--border-medium: var(--line-2);--border-strong: var(--line-3);--border-glow: var(--green-border);--text-primary: var(--t-0);--text-secondary: var(--t-1);--text-tertiary: var(--t-2);--text-muted: var(--t-3);--shadow-neon: var(--glow-sm);--shadow-neon-lg: var(--glow-md);--gradient-primary: var(--g-primary);--gradient-primary-soft: var(--g-primary-α);--gradient-hero: var(--g-hero);--gradient-card-hover: var(--g-card);--gradient-text-premium: var(--g-text);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--radius-sm: var(--r-sm);--radius-md: var(--r-md);--radius-lg: var(--r-lg);--radius-xl: var(--r-xl);--radius-2xl: var(--r-2xl)}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;min-height:100%;background:var(--bg-0);color:var(--t-0);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{width:100%;min-height:100%}button,[role=button],a,select,label[for],[tabindex]:not([tabindex="-1"]){cursor:pointer}:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:var(--r-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.ambient-blob{animation:none!important}.shimmer{animation:none;background:#ffffff0a}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--green)}.scrollbar-subtle::-webkit-scrollbar{width:3px}.scrollbar-subtle::-webkit-scrollbar-track{background:transparent}.scrollbar-subtle::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:10px}.scrollbar-subtle::-webkit-scrollbar-thumb:hover{background:var(--green-border)}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--green)}@keyframes blob-drift-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.97)}}@keyframes blob-drift-2{0%,to{transform:translate(0) scale(1)}40%{transform:translate(-25px,20px) scale(1.08)}70%{transform:translate(20px,-10px) scale(.95)}}.ambient-blob{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;will-change:transform}.ambient-blob-1{width:600px;height:600px;top:-180px;right:-120px;background:radial-gradient(circle,rgba(37,211,102,.1) 0%,transparent 70%);animation:blob-drift-1 20s var(--ease-in-out) infinite}.ambient-blob-2{width:500px;height:500px;bottom:-140px;left:-80px;background:radial-gradient(circle,rgba(52,228,122,.07) 0%,transparent 70%);animation:blob-drift-2 26s var(--ease-in-out) infinite}.ambient-blob-3{width:360px;height:360px;bottom:-60px;right:22%;background:radial-gradient(circle,rgba(123,232,179,.05) 0%,transparent 70%);animation:blob-drift-1 32s var(--ease-in-out) infinite reverse}.bg-grid{background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:44px 44px}.text-gradient-premium{background:var(--g-text);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline}.text-gradient-neon{background:var(--g-primary);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline}.eyebrow{font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.2em;font-size:.6rem;font-weight:600;color:var(--green);display:inline-flex;align-items:center;gap:.5rem}.eyebrow:before{content:"";width:20px;height:1px;background:var(--green);opacity:.5;flex-shrink:0}.eyebrow-muted{font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.16em;font-size:.6rem;font-weight:500;color:var(--t-3)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:1.75rem}.section-heading h2{font-size:clamp(1.25rem,3vw,1.6rem);font-weight:700;color:var(--t-0);line-height:1.2;letter-spacing:-.025em}.stat-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .875rem;background:#25d36612;border:1px solid var(--green-border);border-radius:9999px;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:600;color:var(--t-1);letter-spacing:.12em;text-transform:uppercase;transition:border-color var(--dur-sm) var(--ease-out)}.stat-chip .dot{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 8px var(--green);flex-shrink:0;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.bezel{padding:3px;border-radius:var(--r-xl);background:var(--bg-2);border:1px solid var(--line-0);box-shadow:var(--shadow-md),inset 0 1px #ffffff0a;transition:border-color var(--dur-md) var(--spring),box-shadow var(--dur-md) var(--spring),transform var(--dur-md) var(--spring)}.bezel:hover{border-color:var(--green-border);box-shadow:var(--glow-md);transform:translateY(-3px)}.bezel-inner{border-radius:calc(var(--r-xl) - 4px);background:var(--bg-3);overflow:hidden;box-shadow:inset 0 1px 1px #ffffff0d}.panel-premium{background:var(--bg-2);border:1px solid var(--line-0);border-radius:var(--r-lg);box-shadow:var(--shadow-md)}.panel-premium-raised{background:var(--bg-3);border:1px solid var(--line-1);border-radius:var(--r-lg);box-shadow:var(--shadow-lg),inset 0 1px #ffffff0d}.glass-panel{background:#060909bf;backdrop-filter:saturate(160%) blur(20px);-webkit-backdrop-filter:saturate(160%) blur(20px);border:1px solid var(--line-0)}.glass-strong{background:#060909e0;backdrop-filter:saturate(180%) blur(28px);-webkit-backdrop-filter:saturate(180%) blur(28px);border:1px solid var(--line-1)}.course-card-premium{position:relative;padding:3px;background:var(--bg-2);border:1px solid var(--line-0);border-radius:var(--r-xl);box-shadow:var(--shadow-md);cursor:pointer;overflow:visible;transition:border-color var(--dur-md) var(--spring),box-shadow var(--dur-md) var(--spring),transform var(--dur-md) var(--spring);isolation:isolate}.course-card-premium:hover{border-color:var(--green-border);box-shadow:var(--glow-lg);transform:translateY(-5px) scale(1.005)}.course-card-premium .card-inner{background:var(--bg-3);border-radius:calc(var(--r-xl) - 4px);overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.course-card-premium .cover{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--bg-6)}.course-card-premium .cover img{width:100%;height:100%;object-fit:cover;object-position:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform var(--dur-xl) var(--spring)}.course-card-premium:hover .cover img{transform:scale(1.07)}.course-card-premium .cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 30%,rgba(10,14,13,.7) 80%,rgba(10,14,13,.95) 100%);z-index:1}.course-card-premium .cover-badge{position:absolute;top:10px;left:10px;z-index:2;background:#050707d1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line-1);border-radius:9999px;font-family:JetBrains Mono,monospace;font-size:.575rem;font-weight:600;letter-radius:.14em;text-transform:uppercase;letter-spacing:.12em;color:var(--t-1);padding:.25rem .65rem}.course-card-premium .body{padding:1.125rem 1.25rem 1.375rem;position:relative;z-index:2}.course-card-premium .body h3{color:var(--t-0);font-weight:700;font-size:.9375rem;line-height:1.35;letter-spacing:-.015em;margin-bottom:.375rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-card-premium .meta{display:flex;align-items:center;gap:.625rem;color:var(--t-2);font-size:.6875rem;margin-top:.625rem}.course-card-premium .meta-dot{width:2px;height:2px;border-radius:50%;background:var(--t-3);flex-shrink:0}.course-card-premium .progress{margin-top:.875rem}.course-card-premium .progress-track{height:3px;background:var(--bg-6);border-radius:9999px;overflow:hidden}.course-card-premium .progress-fill{height:100%;background:var(--g-primary);border-radius:9999px;box-shadow:0 0 10px var(--green-glow-lg);transition:width .8s var(--spring)}.hero-premium{position:relative;overflow:hidden;border-radius:var(--r-2xl);padding:3px;background:var(--bg-2);border:1px solid var(--line-0);box-shadow:var(--shadow-lg);isolation:isolate}.hero-premium-inner{border-radius:calc(var(--r-2xl) - 4px);background:linear-gradient(135deg,#090d0cfa,#060909fc);padding:2.75rem 2.5rem;position:relative;overflow:hidden}.hero-premium-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--g-hero);pointer-events:none;z-index:0}.hero-premium-inner:after{content:"";position:absolute;top:-60%;right:-10%;width:700px;height:700px;background:radial-gradient(circle,rgba(37,211,102,.11) 0%,transparent 65%);filter:blur(50px);pointer-events:none;z-index:0}.hero-premium-inner>*{position:relative;z-index:1}.hero-premium:not(:has(.hero-premium-inner)):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--g-hero);z-index:-1;pointer-events:none}.hero-premium:not(:has(.hero-premium-inner)):after{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(37,211,102,.12) 0%,transparent 60%);filter:blur(60px);z-index:-1;pointer-events:none}.sidebar-premium{background:linear-gradient(180deg,#060909,#040707);border-right:1px solid var(--line-0)}.divider-premium{height:1px;background:linear-gradient(90deg,transparent 0%,var(--line-1) 30%,var(--line-1) 70%,transparent 100%);margin:0}.sidebar-nav-item{position:relative;display:flex;align-items:center;width:100%;padding:.65rem .875rem;border-radius:var(--r-md);color:var(--t-3);font-weight:500;font-size:.8125rem;letter-spacing:-.005em;transition:color var(--dur-sm) var(--spring),background var(--dur-sm) var(--spring);margin-bottom:.125rem;overflow:hidden}.sidebar-nav-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--g-primary-α);opacity:0;transition:opacity var(--dur-md) var(--spring);pointer-events:none;border-radius:inherit}.sidebar-nav-item:hover{color:var(--t-1);background:#ffffff0a}.sidebar-nav-item.active{color:var(--green);background:#25d36617}.sidebar-nav-item.active:before{opacity:1}.sidebar-nav-item.active:after{content:"";position:absolute;left:-1px;top:22%;bottom:22%;width:2.5px;background:var(--g-primary);border-radius:0 3px 3px 0;box-shadow:0 0 10px var(--green)}.sidebar-nav-item>*{position:relative;z-index:1}.header-premium{background:#040707d1;backdrop-filter:saturate(160%) blur(24px);-webkit-backdrop-filter:saturate(160%) blur(24px);border-bottom:1px solid var(--line-0)}.header-search{background:#ffffff06;border:1px solid rgba(255,255,255,.025);border-radius:var(--r-md);transition:background var(--dur-sm) var(--ease-out),border-color var(--dur-sm) var(--ease-out),box-shadow var(--dur-sm) var(--ease-out)}.header-search:focus-within{background:#ffffff0d;border-color:var(--green-border);box-shadow:0 0 0 3px var(--green-glow)}.btn-primary-premium{background:var(--g-primary);color:#041008;font-weight:700;font-size:.875rem;letter-spacing:-.01em;padding:.7rem 1.375rem;border-radius:9999px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:transform var(--dur-sm) var(--spring),box-shadow var(--dur-sm) var(--spring),filter var(--dur-sm) var(--ease-out);box-shadow:0 0 0 1px #34e47a59,0 8px 24px -8px var(--green-glow-lg);position:relative;overflow:hidden}.btn-primary-premium:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.25) 0%,transparent 60%);pointer-events:none}.btn-primary-premium:hover{transform:translateY(-1.5px) scale(1.01);box-shadow:0 0 0 1px #34e47a80,0 16px 36px -8px var(--green-glow-lg);filter:brightness(1.06)}.btn-primary-premium:active{transform:scale(.97);transition-duration:var(--dur-xs)}.btn-outline{background:transparent;color:var(--t-0);font-weight:600;font-size:.875rem;padding:.65rem 1.375rem;border-radius:9999px;border:1px solid var(--line-2);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:border-color var(--dur-sm) var(--ease-out),color var(--dur-sm) var(--ease-out),background var(--dur-sm) var(--ease-out),transform var(--dur-sm) var(--spring)}.btn-outline:hover{border-color:var(--green-border);color:var(--green);background:var(--green-glow);transform:translateY(-1px)}.btn-outline:active{transform:scale(.97)}.btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-md);background:var(--bg-4);border:1px solid var(--line-0);color:var(--t-2);transition:background var(--dur-sm) var(--ease-out),border-color var(--dur-sm) var(--ease-out),color var(--dur-sm) var(--ease-out),transform var(--dur-xs) var(--spring)}.btn-icon:hover{background:var(--bg-5);border-color:var(--line-2);color:var(--t-0)}.btn-icon:active{transform:scale(.93)}.btn-neon-primary{background:var(--green);color:#000;font-weight:700;padding:.7rem 1.375rem;border-radius:9999px;transition:box-shadow var(--dur-sm) var(--ease-out),transform var(--dur-sm) var(--spring);border:none;cursor:pointer}.btn-neon-primary:hover{box-shadow:0 0 24px -4px var(--green);transform:translateY(-2px)}.btn-neon-primary:active{transform:scale(.97)}.input-premium{background:var(--bg-6);border:1px solid var(--line-0);border-radius:var(--r-md);padding:.7rem 1rem;color:var(--t-0);font-size:.875rem;transition:border-color var(--dur-sm) var(--ease-out),box-shadow var(--dur-sm) var(--ease-out),background var(--dur-sm) var(--ease-out);width:100%}.input-premium:focus{outline:none;border-color:var(--green-border);background:#25d36608;box-shadow:0 0 0 3px var(--green-glow)}.input-premium::placeholder{color:var(--t-4)}.textarea-premium{background:var(--bg-6);border:1px solid var(--line-0);border-radius:var(--r-md);padding:.7rem 1rem;color:var(--t-0);font-size:.875rem;transition:border-color var(--dur-sm) var(--ease-out),box-shadow var(--dur-sm) var(--ease-out);width:100%;resize:vertical;min-height:100px}.textarea-premium:focus{outline:none;border-color:var(--green-border);box-shadow:0 0 0 3px var(--green-glow)}@keyframes shimmer-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}.shimmer{background:linear-gradient(90deg,#ffffff08,#ffffff12,#ffffff08);background-size:200% 100%;animation:shimmer-sweep 1.8s ease-in-out infinite;border-radius:var(--r-md)}.skeleton{background:linear-gradient(90deg,var(--bg-2) 0%,var(--bg-3) 50%,var(--bg-2) 100%);background-size:200% 100%;animation:shimmer-sweep 1.5s ease-in-out infinite;border-radius:var(--r-sm)}@keyframes pulse-neon{0%,to{opacity:1;box-shadow:0 0 8px var(--green)}50%{opacity:.5;box-shadow:0 0 18px var(--green)}}.status-live{position:relative;display:inline-flex;align-items:center;gap:.5rem}.status-live:before{content:"";width:7px;height:7px;background:var(--green);border-radius:50%;animation:pulse-neon 2.5s ease-in-out infinite}.press-scale{transition:transform var(--dur-xs) var(--spring)}.press-scale:active{transform:scale(.96)}.tech-badge{font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.1em;font-size:.625rem;font-weight:600;background:var(--green-glow);color:var(--green);border:1px solid var(--green-border);padding:.25rem .7rem;border-radius:9999px;display:inline-block}.tech-label{font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.1em;font-size:.6875rem;font-weight:500;color:var(--t-2)}.glow-neon{box-shadow:0 0 20px -5px var(--green)}.glow-neon-lg{box-shadow:0 0 40px -8px var(--green)}.divider-glow{height:1px;background:linear-gradient(90deg,transparent 0%,var(--green-border) 50%,transparent 100%);margin:2rem 0}.sidebar-item-active{background:var(--green-glow);color:var(--green);font-weight:600}.progress-bar{height:5px;background:var(--bg-6);border-radius:9999px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--g-primary);border-radius:9999px;transition:width .7s var(--spring);box-shadow:0 0 10px var(--green-glow)}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg-3);color:var(--t-0);padding:.4rem .7rem;border-radius:var(--r-sm);font-size:.6875rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--dur-sm) var(--ease-out);border:1px solid var(--line-1);box-shadow:var(--shadow-md);z-index:100}.tooltip:hover:after{opacity:1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020404db;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9998}.modal-content{background:var(--bg-2);border:1px solid var(--line-1);border-radius:var(--r-xl);box-shadow:var(--shadow-xl),inset 0 1px #ffffff0f;max-width:90vw;max-height:90vh;overflow:auto}.notification-badge{background:var(--green);color:#000;font-size:.575rem;font-weight:800;padding:.1rem .35rem;border-radius:9999px;min-width:16px;text-align:center}.avatar{border-radius:50%;border:2px solid var(--line-0);object-fit:cover;transition:border-color var(--dur-sm) var(--ease-out)}.avatar:hover{border-color:var(--green)}.course-card{background:var(--bg-2);border:1px solid var(--line-0);border-radius:var(--r-lg);overflow:hidden;transition:transform var(--dur-md) var(--spring),border-color var(--dur-md) var(--spring),box-shadow var(--dur-md) var(--spring);cursor:pointer}.course-card:hover{transform:translateY(-5px);border-color:var(--green-border);box-shadow:var(--glow-md)}.module-card{background:var(--bg-2);border:1px solid var(--line-0);border-radius:var(--r-lg);overflow:hidden;transition:border-color var(--dur-sm) var(--ease-out)}.module-card:hover{border-color:var(--line-1)}.module-card-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem}.module-number{font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:700;color:#ffffff26;letter-spacing:-.04em;line-height:1;flex-shrink:0;min-width:2.5rem}.lesson-row{display:flex;align-items:center;gap:.875rem;width:100%;text-align:left;padding:.65rem .875rem;border-radius:var(--r-md);background:transparent;border:none;cursor:pointer;transition:background var(--dur-sm) var(--ease-out),color var(--dur-sm) var(--ease-out);color:inherit}.lesson-row:hover{background:var(--bg-4)}.lesson-row:hover .lesson-icon-wrap{border-color:var(--green-border);background:#25d3661a;color:var(--green)}.lesson-icon-wrap{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);background:var(--bg-5);border:1px solid var(--line-0);color:var(--t-3);flex-shrink:0;transition:background var(--dur-sm) var(--ease-out),border-color var(--dur-sm) var(--ease-out),color var(--dur-sm) var(--ease-out)}.lesson-item{background:var(--bg-3);border:1px solid var(--line-0);border-radius:var(--r-md);padding:1rem;transition:background var(--dur-sm) var(--ease-out),border-color var(--dur-sm) var(--ease-out);cursor:pointer}.lesson-item:hover{background:var(--bg-4);border-color:var(--green-border)}.lesson-item.completed{border-left:2px solid var(--green)}.animate-slide-up{animation:slide-up var(--dur-md) var(--spring) both}@keyframes slide-up{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-fade-in{animation:fade-in var(--dur-sm) var(--ease-out) both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.premium-card{background:var(--bg-2);border:1px solid var(--line-0);border-radius:var(--r-xl);box-shadow:var(--shadow-md);transition:transform var(--dur-md) var(--spring),border-color var(--dur-md) var(--spring),box-shadow var(--dur-md) var(--spring)}.premium-card:hover{transform:translateY(-4px);border-color:var(--green-border);box-shadow:var(--glow-md)}@media(max-width:768px){.course-card-premium,.premium-card,.course-card,.bezel{border-radius:var(--r-lg)}.hero-premium{border-radius:var(--r-xl)}.hero-premium-inner{padding:1.75rem 1.5rem;border-radius:calc(var(--r-xl) - 4px)}}