*{margin:0;padding:0;box-sizing:border-box}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-color: #4ecdc4;--accent-color: #ff6b6b;--text-dark: #1a1a1a;--text-light: #666;--bg-light: #f8f9fa;--shadow: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .3)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-dark);background:var(--bg-light)}#root{min-height:100vh}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-content{flex:1}.app-header{position:fixed;top:0;left:0;right:0;height:70px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);z-index:100}.header-content{max-width:1400px;margin:0 auto;height:100%;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text-dark);font-weight:600;font-size:1.2rem}.logo-icon{font-size:1.8rem}.nav-menu{display:flex;gap:2rem;align-items:center}.nav-link{text-decoration:none;color:var(--text-light);font-weight:500;transition:color .3s ease}.nav-link:hover{color:var(--text-dark)}.btn-text{background:none;border:none;cursor:pointer;font-family:inherit}.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer}.app-footer{background:var(--text-dark);color:#fff;padding:2rem;margin-top:auto}.footer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:#fff;text-decoration:none;transition:opacity .3s ease}.footer-links a:hover{opacity:.7}.home-page{padding-top:70px;min-height:100vh}.hero{background:var(--primary-gradient);color:#fff;padding:6rem 2rem;text-align:center}.hero-content{max-width:800px;margin:0 auto}.hero-title{font-size:3.5rem;margin-bottom:1rem;font-weight:700}.hero-subtitle{font-size:1.3rem;opacity:.9}.modules-grid{max-width:1400px;margin:0 auto;padding:4rem 2rem}.modules-grid h2{font-size:2.5rem;margin-bottom:2rem;text-align:center}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.module-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:inherit;display:block}.module-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.module-thumbnail{height:200px;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center}.module-icon{font-size:4rem}.module-info{padding:1.5rem}.module-info h3{font-size:1.5rem;margin-bottom:.75rem}.module-info p{color:var(--text-light);line-height:1.6;margin-bottom:1rem}.module-meta{display:flex;gap:1rem;margin-bottom:1rem;font-size:.9rem}.difficulty,.duration{padding:.25rem .75rem;background:var(--bg-light);border-radius:20px;color:var(--text-light)}.module-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{padding:.25rem .75rem;background:#e8f0ff;color:#667eea;border-radius:20px;font-size:.85rem}.features{background:#fff;padding:4rem 2rem}.features h2{font-size:2.5rem;text-align:center;margin-bottom:3rem}.features-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature{text-align:center;padding:2rem}.feature-icon{font-size:3rem;display:block;margin-bottom:1rem}.feature h3{font-size:1.3rem;margin-bottom:.75rem}.feature p{color:var(--text-light);line-height:1.6}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-light)}.loading-spinner{font-size:4rem;margin-bottom:1rem}.loading-screen p{font-size:1.2rem;color:var(--text-light)}.btn-primary{background:var(--primary-gradient);color:#fff;padding:.75rem 1.5rem;border-radius:8px;border:none;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background:#f0f0f0;color:#333;padding:.75rem 1.5rem;border-radius:8px;border:none;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#e0e0e0}.scene-facts{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0}.fact-badge{padding:.5rem 1rem;background:#e8f0ff;color:#667eea;border-radius:20px;font-size:.9rem;font-weight:500}.module-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.module-error h2{font-size:2rem;margin-bottom:1rem}.module-error button{margin-top:1rem}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.grid,.features-grid{grid-template-columns:1fr}.menu-toggle{display:block}.nav-menu{display:none}.header-content{padding:0 1rem}.footer-content{flex-direction:column;gap:1rem;text-align:center}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}