@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--color-bg: #050505;--color-surface: #0a0a0a;--color-surface-hover: #121212;--color-text-primary: #f0f0f0;--color-text-secondary: #888888;--color-primary: #E50914;--color-primary-hover: #ff1f2a;--color-accent: #0a192f;--color-accent-border: #112240;--radius: 8px;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: 1rem;--spacing-4: 1.5rem;--spacing-5: 2.5rem;--spacing-6: 4rem}:root.theme-light{--color-bg: #f8f9fa;--color-surface: #ffffff;--color-surface-hover: #f1f3f5;--color-text-primary: #111111;--color-text-secondary: #555555;--color-primary: #d90410;--color-primary-hover: #ff1f2a;--color-accent: #e6f0fa;--color-accent-border: #d0e1f9}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:Outfit,sans-serif;margin:0;padding:0;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{margin-top:0;color:var(--color-text-primary);font-weight:700}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-hover)}input,textarea,select{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-surface-hover);border-radius:4px;padding:.8rem 1.5rem;font-family:inherit;font-size:1rem;transition:border-color .2s ease}input:focus{outline:none;border-color:var(--color-primary);background:#151515}button{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-surface-hover);border-radius:4px;padding:.75rem 1.5rem;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}button:hover{background:#1a1a1a;border-color:#333}button.primary{background:var(--color-primary);color:#fff;border:none}button.primary:hover{background:var(--color-primary-hover)}.container{max-width:1300px;margin:0 auto;padding:0 var(--spacing-4)}.brand-header{padding:var(--spacing-4) 0;display:flex;justify-content:center;align-items:center}.brand-logo{font-size:2rem;font-weight:700;letter-spacing:-1px;color:var(--color-text-primary);margin:0}.brand-logo span{color:var(--color-primary)}.hero-section{padding:var(--spacing-6) 0 var(--spacing-5);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.filter-wrapper{position:relative;width:100%;max-width:500px}.filter-input{width:100%;box-sizing:border-box}.lesson-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-5);padding:var(--spacing-4) 0 var(--spacing-6)}.lesson-card{background:var(--color-surface);border:1px solid var(--color-surface-hover);border-radius:var(--radius);padding:1rem;transition:transform .2s ease,border-color .2s ease;display:flex;flex-direction:column;overflow:hidden;cursor:pointer}.lesson-card:hover{transform:translateY(-4px);border-color:var(--color-text-secondary)}.lesson-cover-wrapper{width:100%;height:180px;border-radius:calc(var(--radius) - 4px);overflow:hidden;margin-bottom:var(--spacing-4);position:relative;background:var(--color-surface-hover)}.lesson-cover{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.lesson-card:hover .lesson-cover{transform:scale(1.05)}.lesson-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text-primary)}.lesson-subtitle{font-size:.95rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-4);flex-grow:1}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background-color:var(--color-accent);color:#8fa6d6;border:1px solid var(--color-accent-border);border-radius:4px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.lesson-card:hover .tag{border-color:#e5091480;color:#fff}