@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: 16px;--spacing-1: .5rem;--spacing-2: 1rem;--spacing-3: 1.5rem;--spacing-4: 2.5rem;--spacing-5: 4rem;--spacing-6: 6rem}: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 transparent;border-radius:var(--radius);padding:1.2rem 2rem;font-family:inherit;font-size:1.1rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}input:focus{outline:none;border-color:var(--color-primary);background:var(--color-surface-hover);transform:scale(1.02)}button{background:var(--color-surface);color:var(--color-text-primary);border:none;border-radius:var(--radius);padding:1rem 2rem;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out}button:hover{background:var(--color-surface-hover)}button:active{transform:scale(.98)}button.primary{background:var(--color-primary);color:#fff}button.primary:hover{background:var(--color-primary-hover)}.container{max-width:1300px;margin:0 auto;padding:0 var(--spacing-4)}.brand-header{padding:1.2rem 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.brand-logo{font-size:2rem;font-weight:700;letter-spacing:-1px;color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:.8rem}.brand-logo span{color:var(--color-primary)}.header-actions{display:flex;align-items:center;gap:.6rem}@media (max-width: 600px){.brand-header{flex-direction:column;justify-content:center;padding:1rem 0}.brand-logo{font-size:1.6rem!important}.brand-logo img{width:36px!important;height:36px!important}.brand-logo span.subtitle{font-size:.85rem!important}.header-actions{width:100%;justify-content:center;flex-wrap:wrap}}.hero-section{padding:.5rem 0 var(--spacing-4);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:flex;flex-wrap:wrap;gap:var(--spacing-5);padding:var(--spacing-4) 0 var(--spacing-6);justify-content:center;perspective:1000px}.bento-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;width:100%;max-width:1200px;margin:0 auto}.bento-card{border-radius:24px;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-surface-hover);cursor:pointer;position:relative;display:flex;flex-direction:column;transition:border-color .3s ease;min-height:280px}.bento-card.expanded{grid-column:1 / -1;min-height:400px;flex-direction:row}@media (max-width: 768px){.bento-card.expanded{flex-direction:column}}.bento-card img{width:100%;height:100%;object-fit:cover;pointer-events:none}.bento-card.expanded img{width:50%}@media (max-width: 768px){.bento-card.expanded img{width:100%;height:240px}}.graph-node-title{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);font-size:.85rem;font-weight:600;white-space:nowrap;color:var(--color-text-primary);opacity:.7;pointer-events:none}.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-surface-hover);color:var(--color-text-secondary);border:none;border-radius:20px;padding:.4rem 1rem;font-size:.85rem;font-weight:600;text-transform:lowercase;transition:all .3s ease}.lesson-card:hover .tag{background-color:var(--color-primary);color:#fff}