@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;--color-outline: #1e1e1e;--color-shadow: rgba(229, 9, 20, .08);--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;--color-outline: #e0e0e0;--color-shadow: rgba(217, 4, 16, .06)}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:20px;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;aspect-ratio:1 / 1}.bento-card img{width:100%;height:100%;object-fit:cover;pointer-events:none}.lesson-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem}.lesson-modal-content{background:var(--color-bg);border:1px solid var(--color-surface-hover);border-radius:16px;width:100%;max-width:850px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:row;position:relative}.lesson-modal-image{width:45%;object-fit:cover}.lesson-modal-body{padding:3rem;flex:1;display:flex;flex-direction:column;justify-content:center;gap:1.5rem}@media (max-width: 768px){.lesson-modal-overlay{padding:1rem}.lesson-modal-content{flex-direction:column}.lesson-modal-image{width:100%;height:250px}.lesson-modal-body{padding:2rem}}.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}.splash-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050505;background:radial-gradient(circle at center,#180708,#050505 75%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:99999;transition:opacity .6s cubic-bezier(.16,1,.3,1),visibility .6s ease}@media (min-width: 768px){.splash-overlay{padding-bottom:10vh}}.splash-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.splash-logo-container{position:relative;display:inline-flex;justify-content:center;align-items:center;width:260px;height:260px;margin-bottom:1.2rem}.splash-logo-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 25px rgba(229,9,20,.45));animation:splashPulse 2.4s ease-in-out infinite}.splash-shine-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;-webkit-mask-image:url(/alix-splash.webp);mask-image:url(/alix-splash.webp);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.splash-shine-beam{position:absolute;top:-50%;left:-130%;width:70%;height:200%;background:linear-gradient(115deg,#fff0,#ffffff1a 20%,#fffffff2,#ffffff1a 80%,#fff0);transform:rotate(25deg);animation:metallicShine 1.8s cubic-bezier(.4,0,.2,1) infinite}.splash-title{font-size:1.35rem;font-weight:700;letter-spacing:-.5px;color:#f0f0f0;margin-bottom:.8rem;display:flex;align-items:center;gap:.3rem}.splash-title span.red{color:var(--color-primary, #e50914)}.splash-progress-bar{width:150px;height:3px;background:#ffffff14;border-radius:4px;overflow:hidden;position:relative}.splash-progress-fill{position:absolute;top:0;left:0;height:100%;width:50%;background:linear-gradient(90deg,transparent,#e50914,#ff4d58);border-radius:4px;animation:splashIndeterminate 1.4s ease-in-out infinite}@keyframes metallicShine{0%{left:-130%}50%,to{left:170%}}@keyframes splashPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 20px rgba(229,9,20,.35))}50%{transform:scale(1.04);filter:drop-shadow(0 0 35px rgba(229,9,20,.65))}}@keyframes splashIndeterminate{0%{left:-50%;width:30%}50%{left:30%;width:60%}to{left:110%;width:30%}}