:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--accent-gradient:linear-gradient(135deg,#4facfe,#00f2fe);--glass-bg:rgba(255,255,255,0.1);--glass-border:rgba(255,255,255,0.2);--text-primary:#ffffff;--text-secondary:rgba(255,255,255,0.8);--shadow-soft:0 8px 32px rgba(0,0,0,0.1);--shadow-strong:0 20px 40px rgba(0,0,0,0.15);--transition-fast:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.5s cubic-bezier(0.4,0,0.2,1)}.lessons-page{min-height:100vh;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0,transparent 50%),radial-gradient(circle at 40% 80%,rgba(120,219,255,.3) 0,transparent 50%),linear-gradient(135deg,rgba(0,0,0,.7),rgba(0,0,0,.5)),url("/images/image (13).jpg");background-size:cover;background-position:50%;background-attachment:fixed;background-repeat:no-repeat;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow-x:hidden}.lessons-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(102,126,234,.1),rgba(118,75,162,.1) 50%,rgba(245,87,108,.1)),linear-gradient(135deg,rgba(79,172,254,.05),rgba(0,242,254,.05));z-index:1;animation:backgroundShift 20s ease-in-out infinite}@keyframes backgroundShift{0%,to{transform:translateX(0) translateY(0)}25%{transform:translateX(-10px) translateY(-10px)}50%{transform:translateX(10px) translateY(10px)}75%{transform:translateX(-5px) translateY(5px)}}.lessons-container{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:2rem 1rem}.lessons-header{margin-bottom:2rem;text-align:center;position:relative}.lessons-title{font-size:3.5rem;font-weight:900;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;line-height:1.1;text-shadow:0 4px 8px rgba(0,0,0,.2);letter-spacing:-.02em;position:relative;z-index:2;animation:titleGlow 3s ease-in-out infinite alternate}@keyframes titleGlow{0%{filter:drop-shadow(0 0 10px rgba(102,126,234,.3))}to{filter:drop-shadow(0 0 20px rgba(102,126,234,.5))}}.lessons-subtitle{font-size:1.375rem;color:var(--text-secondary);line-height:1.6;font-weight:400;text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;z-index:2;max-width:600px;margin:0 auto}.lessons-empty{text-align:center;padding:5rem 0;position:relative}.lessons-empty-icon{width:8rem;height:8rem;background:var(--glass-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;border:1px solid var(--glass-border);box-shadow:var(--shadow-strong);position:relative;overflow:hidden}.lessons-empty-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 70%);animation:iconPulse 4s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.lessons-empty-emoji{font-size:3rem;position:relative;z-index:2}.lessons-empty-title{font-size:2.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;z-index:2}.lessons-empty-text{color:var(--text-secondary);margin-bottom:2rem;text-shadow:0 1px 2px rgba(0,0,0,.1);font-size:1.125rem;position:relative;z-index:2}.lessons-search-section{background:var(--glass-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:2rem;padding:2rem;box-shadow:var(--shadow-strong);border:1px solid var(--glass-border);margin-bottom:2rem;position:relative;overflow:hidden}.lessons-search-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:searchShimmer 3s ease-in-out infinite}@keyframes searchShimmer{0%{left:-100%}to{left:100%}}.lessons-search-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}@media (min-width:768px){.lessons-search-container{flex-direction:row}}.lessons-search-input-container{position:relative;flex:1}.lessons-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;width:1.25rem;height:1.25rem}.lessons-search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid #d1d5db;border-radius:.75rem;font-size:1rem;background-color:#f9fafb;color:#374151;transition:all .2s ease;box-sizing:border-box}.lessons-search-input::placeholder{color:#9ca3af}.lessons-search-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1);background-color:#ffffff}.lessons-search-input:hover{background-color:#ffffff}.lessons-filters-toggle{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;background:var(--primary-gradient);color:var(--text-primary);border:none;border-radius:1rem;font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-soft);position:relative;z-index:2;overflow:hidden}.lessons-filters-toggle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.lessons-filters-toggle:hover:before{left:100%}.lessons-filters-toggle:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-strong)}.lessons-filters-panel{padding-top:2rem;border-top:1px solid var(--glass-border);position:relative;z-index:2}.lessons-filters-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:768px){.lessons-filters-grid{grid-template-columns:repeat(3,1fr)}}.lessons-filter-group{display:flex;flex-direction:column}.lessons-filter-label{font-weight:700;margin-bottom:1rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.lessons-filter-label,.lessons-filter-select{font-size:1rem;color:var(--text-primary);position:relative;z-index:2}.lessons-filter-select{width:100%;padding:.875rem 1rem;border:2px solid var(--glass-border);border-radius:.75rem;background:var(--glass-bg);backdrop-filter:blur(10px);transition:var(--transition-fast);font-weight:500;box-sizing:border-box}.lessons-filter-select:focus{outline:none;border-color:rgba(102,126,234,.5);box-shadow:0 0 0 4px rgba(102,126,234,.1);background:rgba(255,255,255,.15)}.lessons-filter-select:hover{background:rgba(255,255,255,.15);border-color:rgba(102,126,234,.3)}.lessons-clear-filters{display:flex;justify-content:flex-end;padding-top:1.5rem;position:relative;z-index:2}.lessons-clear-filters-button{display:flex;align-items:center;gap:.75rem;font-size:.95rem;font-weight:600;color:var(--text-secondary);background:none;border:none;cursor:pointer;transition:var(--transition-fast);padding:.5rem 1rem;border-radius:.5rem}.lessons-clear-filters-button:hover{color:var(--text-primary);background:var(--glass-bg);backdrop-filter:blur(10px);transform:scale(1.05)}.lessons-clear-icon{width:1.25rem;height:1.25rem;transition:transform .3s ease}.lessons-clear-filters-button:hover .lessons-clear-icon{transform:rotate(90deg)}.lessons-results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.5rem;padding:0 .5rem;position:relative;z-index:2}.lessons-results-count{color:var(--text-secondary);font-weight:600;font-size:1.125rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.lessons-results-highlight{color:#a78bfa;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1);background:linear-gradient(135deg,#a78bfa,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lessons-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:stretch}@media (min-width:768px){.lessons-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.lessons-grid{grid-template-columns:repeat(3,1fr)}}.lesson-card{background:var(--glass-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:1rem;box-shadow:var(--shadow-soft);transition:var(--transition-slow);position:relative;cursor:pointer;border:1px solid var(--glass-border);overflow:hidden;display:flex;flex-direction:column;height:100%;max-width:320px;margin:0 auto}.lesson-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s}.lesson-card:hover:before{left:100%}.lesson-card:hover{box-shadow:var(--shadow-strong);transform:translateY(-8px) scale(1.03) rotate(1deg);border-color:rgba(255,255,255,.4)}.lesson-bookmark{position:absolute;top:1rem;right:1rem;z-index:10}.lesson-completed-badge{position:absolute;top:1rem;left:1rem;background-color:#10b981;color:#ffffff;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.lesson-card-header{padding:.75rem .75rem .5rem}.lesson-card-header-content{display:flex;align-items:flex-start;justify-content:space-between}.lesson-type-icon-container{display:flex;align-items:center;gap:.75rem}.lesson-type-icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.25rem;color:#ffffff;box-shadow:var(--shadow-soft);transition:var(--transition-fast);position:relative;z-index:2}.lesson-type-icon-svg{width:1.5rem;height:1.5rem;color:#ffffff}.lesson-card:hover .lesson-type-icon{transform:scale(1.1) rotate(5deg);box-shadow:var(--shadow-strong)}.lesson-card-title-container{flex:1;min-width:0}.lesson-card-title{margin-bottom:.5rem;line-height:1.4;transition:var(--transition-fast);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;position:relative;z-index:2}.lesson-card:hover .lesson-card-title{color:#ffffff;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:scale(1.02)}.lesson-card-category{font-size:1rem;color:var(--text-secondary);text-shadow:0 1px 2px rgba(0,0,0,.1);font-weight:500;position:relative;z-index:2}.lesson-card-content{padding:0 .75rem .75rem;display:flex;flex-direction:column;gap:.75rem}.lesson-card-description{font-size:1rem;color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.1);position:relative;z-index:2}.lesson-tags{display:flex;flex-wrap:wrap;gap:.75rem;position:relative;z-index:2}.lesson-tag{padding:.375rem .75rem;background:var(--glass-bg);backdrop-filter:blur(10px);color:var(--text-primary);border-radius:.5rem;font-size:.875rem;font-weight:600;border:1px solid var(--glass-border);transition:var(--transition-fast)}.lesson-tag:hover{background:rgba(255,255,255,.2);transform:scale(1.05)}.lesson-tag-extra{padding:.375rem .75rem;background:var(--glass-bg);backdrop-filter:blur(10px);color:var(--text-primary);border-radius:.5rem;font-size:.875rem;font-weight:600;border:1px solid var(--glass-border);transition:var(--transition-fast)}.lesson-tag-extra:hover{background:rgba(255,255,255,.2);transform:scale(1.05)}.lesson-meta{justify-content:space-between;padding-top:1rem;border-top:1px solid var(--glass-border);position:relative;z-index:2}.lesson-meta,.lesson-meta-left{display:flex;align-items:center}.lesson-meta-left{gap:1.25rem;font-size:1rem;color:var(--text-secondary);text-shadow:0 1px 2px rgba(0,0,0,.1);font-weight:500}.lesson-duration{display:flex;align-items:center;gap:.25rem}.lesson-clock-icon{width:1rem;height:1rem}.lesson-difficulty{padding:.375rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:700;border:2px solid;transition:var(--transition-fast);position:relative;z-index:2}.lesson-card:hover .lesson-difficulty{transform:scale(1.05)}.lesson-difficulty-beginner{background:rgba(34,197,94,.1);backdrop-filter:blur(5px);color:#166534;border-color:rgba(34,197,94,.3);box-shadow:0 2px 8px rgba(34,197,94,.1)}.lesson-difficulty-intermediate{background:rgba(245,158,11,.1);backdrop-filter:blur(5px);color:#92400e;border-color:rgba(245,158,11,.3);box-shadow:0 2px 8px rgba(245,158,11,.1)}.lesson-difficulty-advanced{background:rgba(239,68,68,.1);backdrop-filter:blur(5px);color:#991b1b;border-color:rgba(239,68,68,.3);box-shadow:0 2px 8px rgba(239,68,68,.1)}.lesson-difficulty-default{background:rgba(0,0,0,.05);backdrop-filter:blur(5px);color:#374151;border-color:rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.05)}.lesson-action-button{width:100%;background:var(--primary-gradient);color:var(--text-primary);text-align:center;padding:.75rem;border-radius:.5rem;font-weight:700;font-size:.9rem;border:none;cursor:pointer;transition:var(--transition-fast);text-decoration:none;display:inline-block;box-shadow:var(--shadow-soft);position:relative;z-index:2;overflow:hidden}.lesson-action-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.lesson-action-button:hover:before{left:100%}.lesson-action-button:hover{box-shadow:var(--shadow-strong);transform:translateY(-4px) scale(1.05)}.lessons-no-results{padding:5rem 0;background:var(--glass-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:2rem;border:1px solid var(--glass-border);box-shadow:var(--shadow-strong);position:relative;overflow:hidden}.lessons-no-results:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 70%);animation:noResultsPulse 4s ease-in-out infinite}@keyframes noResultsPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.lessons-no-results-icon{width:6rem;height:6rem;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;border:1px solid var(--glass-border);box-shadow:var(--shadow-soft);position:relative;z-index:2}.lessons-no-results-search-icon{width:3rem;height:3rem;color:var(--text-secondary)}.lessons-no-results-title{font-size:2.25rem;font-weight:800;color:var(--text-primary);margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;z-index:2}.lessons-no-results-text{color:var(--text-secondary);margin-bottom:2rem;text-shadow:0 1px 2px rgba(0,0,0,.1);font-size:1.125rem;position:relative;z-index:2}.lessons-no-results-button{background:var(--primary-gradient);color:var(--text-primary);padding:1rem 2rem;border-radius:1rem;font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-soft);position:relative;z-index:2;overflow:hidden}.lessons-no-results-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.lessons-no-results-button:hover:before{left:100%}.lessons-no-results-button:hover{transform:translateY(-4px) scale(1.05);box-shadow:var(--shadow-strong)}.lesson-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:40;opacity:1;transition:var(--transition-fast)}.lesson-slide-card{position:fixed;right:0;top:0;height:100vh;width:100%;max-width:450px;background:var(--glass-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:-8px 0 40px rgba(0,0,0,.3);border-left:1px solid var(--glass-border);z-index:50;display:flex;flex-direction:column;transform:translateX(100%);transition:var(--transition-slow);overflow:hidden;border-radius:1rem 0 0 1rem}.lesson-slide-card.open{transform:translateX(0)}.lesson-card-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-shrink:0;position:relative;z-index:2}.lesson-card-title{font-weight:700;color:var(--text-primary);font-size:1.25rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.lesson-close-btn{padding:.75rem;background-color:transparent;border:none;cursor:pointer;border-radius:.75rem;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.lesson-close-btn:hover{background:var(--glass-bg);backdrop-filter:blur(10px);transform:scale(1.1)}.lesson-card-content{flex:1;overflow-y:auto;padding:2rem;position:relative;z-index:2}.lesson-detail-header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.lesson-detail-icon{width:4rem;height:4rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:2rem;color:#ffffff;box-shadow:var(--shadow-soft);transition:var(--transition-fast);position:relative;z-index:2}.lesson-detail-icon:hover{transform:scale(1.1) rotate(5deg);box-shadow:var(--shadow-strong)}.lesson-detail-title{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin-bottom:1rem;text-shadow:0 1px 2px rgba(0,0,0,.1);position:relative;z-index:2}.lesson-detail-category{font-size:1rem;color:var(--text-secondary);font-weight:500;position:relative;z-index:2}.lesson-detail-description{margin-bottom:2rem;position:relative;z-index:2}.lesson-detail-description p{font-size:1rem;color:var(--text-primary);line-height:1.6;text-shadow:0 1px 2px rgba(0,0,0,.1)}.lesson-detail-meta{display:flex;flex-direction:column;gap:.75rem;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:.75rem;padding:1rem;margin-bottom:1.5rem;border:1px solid var(--glass-border);box-shadow:var(--shadow-soft);position:relative;z-index:2}.lesson-meta-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0}.lesson-meta-label{font-size:1rem;color:var(--text-secondary);font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.1)}.lesson-meta-value{font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.lesson-meta-value.capitalize{text-transform:capitalize}.lesson-detail-tags{margin-bottom:2rem;position:relative;z-index:2}.lesson-detail-tags-label{font-size:.875rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.lesson-detail-tags-list{display:flex;flex-wrap:wrap;gap:.75rem}.lesson-detail-tag{padding:.5rem 1rem;background:var(--glass-bg);backdrop-filter:blur(10px);color:var(--text-primary);border-radius:9999px;font-size:.875rem;font-weight:600;border:1px solid var(--glass-border);transition:var(--transition-fast);text-shadow:0 1px 2px rgba(0,0,0,.1)}.lesson-detail-tag:hover{background:rgba(255,255,255,.2);transform:scale(1.05)}.lesson-content-section{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:.75rem;padding:1rem;margin-bottom:1.5rem;border:1px solid var(--glass-border);box-shadow:var(--shadow-soft);position:relative;z-index:2}.lesson-content-text{color:var(--text-primary);line-height:1.7;font-size:1rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.lesson-content-text p{margin-bottom:1rem}.lesson-content-code{background:rgba(0,0,0,.1);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:.5rem;font-size:.9rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;border:1px solid var(--glass-border);margin:.5rem 0;display:inline-block;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.1)}.lesson-content-strong{font-weight:700;color:var(--text-primary)}.lesson-content-em{font-style:italic;color:var(--text-secondary)}.lesson-completed-section{background:rgba(16,185,129,.15);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(16,185,129,.3);border-radius:1rem;padding:1.5rem;display:flex;align-items:center;gap:1rem;margin-top:2rem;box-shadow:var(--shadow-soft);position:relative;z-index:2}.lesson-completed-check{font-size:1.5rem;color:#10b981}.lesson-completed-content h3{font-weight:700;color:#065f46;margin-bottom:.5rem;font-size:1.125rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.lesson-completed-content p{font-size:.875rem;color:#047857;text-shadow:0 1px 2px rgba(0,0,0,.1)}@media (max-width:768px){.lessons-container{padding:1rem}.lessons-title{font-size:2rem}.lessons-subtitle{font-size:1.125rem}.lesson-slide-card{max-width:100%}.lessons-search-container{flex-direction:column}.lessons-filters-grid{grid-template-columns:1fr}.lessons-results-header{flex-direction:column;gap:1rem;align-items:flex-start}}@media (max-width:640px){.lessons-grid{grid-template-columns:1fr}.lesson-card-header-content{flex-direction:column;align-items:flex-start;gap:.75rem}.lesson-card-title-container,.lesson-type-icon-container{width:100%}}