@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";._toastContainer_16dv4_1{position:fixed;top:80px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none}._toast_16dv4_1{background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 32px #0006;animation:_slideIn_16dv4_1 .3s ease-out;pointer-events:all;min-width:280px}._toast_16dv4_1._exiting_16dv4_55{animation:_slideOut_16dv4_1 .2s ease-in forwards}@keyframes _slideIn_16dv4_1{0%{transform:translate(calc(100% + 20px));opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOut_16dv4_1{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(calc(100% + 20px)) scale(.9);opacity:0}}._toastIcon_16dv4_107{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}._toastSuccess_16dv4_125 ._toastIcon_16dv4_107{color:#10b981}._toastError_16dv4_133 ._toastIcon_16dv4_107{color:#ef4444}._toastWarning_16dv4_141 ._toastIcon_16dv4_107{color:#f59e0b}._toastInfo_16dv4_149 ._toastIcon_16dv4_107{color:#3b82f6}._toastContent_16dv4_157{flex:1;display:flex;flex-direction:column;gap:2px}._toastTitle_16dv4_171{color:#fff;font-weight:600;font-size:14px;line-height:1.4}._toastMessage_16dv4_185{color:#ffffffb3;font-size:13px;line-height:1.4}._toastClose_16dv4_197{background:none;border:none;color:#ffffff80;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;flex-shrink:0}._toastClose_16dv4_197:hover{color:#fff;background:#ffffff1a}._toastProgress_16dv4_235{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff1a;border-radius:0 0 12px 12px;overflow:hidden}._toastProgressBar_16dv4_257{height:100%;background:currentColor;animation:_progress_16dv4_1 linear forwards}._toastSuccess_16dv4_125 ._toastProgressBar_16dv4_257{color:#10b981}._toastError_16dv4_133 ._toastProgressBar_16dv4_257{color:#ef4444}._toastWarning_16dv4_141 ._toastProgressBar_16dv4_257{color:#f59e0b}._toastInfo_16dv4_149 ._toastProgressBar_16dv4_257{color:#3b82f6}@keyframes _progress_16dv4_1{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width: 640px){._toastContainer_16dv4_1{top:70px;right:12px;left:12px;max-width:none}._toast_16dv4_1{min-width:unset}}.top-navigation{position:fixed;top:0;left:0;right:0;z-index:1000;background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.top-navigation.transparent{background:transparent;border-bottom:none}.top-navigation.scrolled{background:#000000f2;border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 4px 20px #0000004d}.nav-container{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:0 2rem;height:64px}.nav-left{display:flex;align-items:center;gap:2rem;flex:1}.back-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffffe6;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#fff;font-weight:800;font-size:1.25rem;transition:all .3s ease}.nav-logo:hover{color:#00d4aa;transform:scale(1.05)}.logo-icon{font-size:1.5rem;background:linear-gradient(135deg,#00d4aa,#008cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-text{letter-spacing:-.5px}.nav-links{display:flex;align-items:center;gap:.5rem}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;color:#ffffffb3;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease;position:relative}.nav-link:hover{color:#ffffffe6;background:#ffffff0d;transform:translateY(-1px)}.nav-link.active{color:#00d4aa;background:#00d4aa1a}.nav-link.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:20px;height:2px;background:linear-gradient(90deg,#00d4aa,#008cff);border-radius:1px}.nav-link-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.nav-link-text{white-space:nowrap}.nav-center{text-align:center;flex:1}.nav-title{font-size:1.1rem;font-weight:600;color:#fff;margin:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.nav-subtitle{font-size:.8rem;color:#fff9;margin:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.nav-right{display:flex;align-items:center;gap:1rem;flex:1;justify-content:flex-end}.quick-actions{display:flex;align-items:center;gap:.5rem}.quick-action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:8px;background:#ffffff1a;color:#ffffffb3;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quick-action-btn:hover{background:#ffffff26;color:#fff;transform:translateY(-2px)}.quick-action-btn.admin-btn{background:#ff6b6b33;color:#ff6b6b}.quick-action-btn.admin-btn:hover{background:#ff6b6b4d;color:#ff6b6b}.login-section{display:flex;align-items:center}.login-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#00d4aa,#008cff);border:none;border-radius:.5rem;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.login-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00d4aa4d}.login-button svg{flex-shrink:0}.profile-menu{position:relative}.profile-button{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-button:hover{background:#ffffff26;border-color:#ffffff4d}.profile-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#00d4aa,#008cff);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem}.dropdown-arrow{transition:transform .3s ease;color:#ffffffb3}.dropdown-arrow.open{transform:rotate(180deg)}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;background:#000000f2;border:1px solid rgba(255,255,255,.2);border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0006;overflow:hidden;animation:dropdownSlide .3s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-info{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.profile-name{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.25rem}.profile-email{font-size:.85rem;color:#fff9}.dropdown-divider{height:1px;background:#ffffff1a;margin:.5rem 0}.dropdown-menu{padding:.5rem 0}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#fffc;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease;border:none;background:none;width:100%;cursor:pointer;text-align:left}.dropdown-item:hover{background:#ffffff0d;color:#fff}.dropdown-item.logout-item{color:#ff6b6b}.dropdown-item.logout-item:hover{background:#ff6b6b1a;color:#ff6b6b}.mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:8px;background:#ffffff1a;color:#ffffffb3;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-menu-toggle:hover{background:#ffffff26;color:#fff}.mobile-navigation{display:none;background:#000000f2;border-top:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mobile-nav-content{display:flex;flex-direction:column;padding:1rem 2rem;gap:.5rem}.mobile-nav-link{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:8px;color:#ffffffb3;text-decoration:none;font-size:1rem;font-weight:500;transition:all .3s ease}.mobile-nav-link:hover{background:#ffffff0d;color:#ffffffe6}.mobile-nav-link.active{color:#00d4aa;background:#00d4aa1a}.mobile-nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.mobile-nav-text{white-space:nowrap}@media (max-width: 1024px){.nav-container{padding:0 1.5rem}.nav-links{gap:.25rem}.nav-link{padding:.5rem .75rem}.nav-link-text{display:none}}@media (max-width: 768px){.nav-container{padding:0 1rem}.nav-links{display:none}.mobile-menu-toggle{display:flex}.mobile-navigation{display:block}.nav-center{display:none}.nav-left{gap:1rem}.quick-actions{display:none}}@media (max-width: 480px){.nav-container{padding:0 .75rem}.profile-dropdown{right:-1rem;min-width:260px}.nav-title{font-size:1rem}.back-button span{display:none}}@media (prefers-color-scheme: dark){.top-navigation{background:#000000e6}.top-navigation.transparent{background:transparent}.top-navigation.scrolled{background:#000000fa}}.breadcrumbs{padding:0 2rem;margin-top:80px;background:linear-gradient(135deg,#0000001a,#0000000d);border-bottom:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.breadcrumbs-list{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;list-style:none;padding:1rem 0;max-width:1400px;margin:0 auto}.breadcrumb-item{display:flex;align-items:center;gap:.5rem}.breadcrumb-link{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;color:#ffffffb3;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.breadcrumb-link:hover{color:#00d4aa;background:#00d4aa1a;border-color:#00d4aa33;transform:translateY(-1px);box-shadow:0 4px 12px #00d4aa33}.breadcrumb-current{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;color:#fff;font-size:.9rem;font-weight:600;background:linear-gradient(135deg,#00d4aa33,#008cff33);border:1px solid rgba(0,212,170,.3);box-shadow:0 2px 8px #00d4aa33}.breadcrumb-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.breadcrumb-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:200px}.breadcrumb-separator{color:#fff6;margin:0 .25rem;flex-shrink:0;transition:color .3s ease}.breadcrumb-item:hover .breadcrumb-separator{color:#fff9}@media (max-width: 1024px){.breadcrumbs{padding:0 1.5rem}.breadcrumb-text{max-width:150px}}@media (max-width: 768px){.breadcrumbs{padding:0 1rem;margin-top:70px}.breadcrumbs-list{gap:.25rem;padding:.75rem 0}.breadcrumb-link,.breadcrumb-current{padding:.4rem .6rem;font-size:.85rem}.breadcrumb-text{max-width:120px}.breadcrumb-icon,.breadcrumb-separator{width:14px;height:14px}}@media (max-width: 480px){.breadcrumbs{padding:0 .75rem}.breadcrumb-text{max-width:100px}.breadcrumb-item:nth-last-child(n+3) .breadcrumb-text{display:none}.breadcrumb-item:nth-last-child(n+3) .breadcrumb-icon{width:12px;height:12px}}.breadcrumb-item{animation:breadcrumbSlideIn .3s ease}@keyframes breadcrumbSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media (prefers-color-scheme: dark){.breadcrumbs{background:linear-gradient(135deg,#0000004d,#0003);border-bottom-color:#ffffff26}}*{margin:0;padding:0;box-sizing:border-box}.landing-page{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#000;color:#fff;overflow-x:hidden;position:relative;cursor:none}.custom-cursor{position:fixed;width:20px;height:20px;border-radius:50%;background:#00d4aa99;pointer-events:none;z-index:10000;transform:translate(-50%,-50%);transition:width .2s,height .2s;mix-blend-mode:difference;animation:cursorPulse 2s ease-in-out infinite}@keyframes cursorPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}}.bg-effects{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.3;animation:orbFloat 30s ease-in-out infinite}.orb-1{width:600px;height:600px;background:radial-gradient(circle,#00d4aa,transparent);top:-200px;left:-200px}.orb-2{width:500px;height:500px;background:radial-gradient(circle,#008cff,transparent);top:50%;right:-150px;animation-delay:-10s}.orb-3{width:400px;height:400px;background:radial-gradient(circle,#a855f7,transparent);bottom:-100px;left:30%;animation-delay:-20s}.grid-background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px;opacity:.5}.navbar-modern{position:fixed;top:0;left:0;right:0;z-index:1000;padding:2rem 4rem;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#0009;border-bottom:1px solid rgba(255,255,255,.05)}.nav-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:.75rem;cursor:pointer}.logo-icon{font-size:1.8rem;filter:drop-shadow(0 0 20px rgba(0,212,170,.6))}.logo-text{font-size:1.3rem;font-weight:800;background:linear-gradient(135deg,#00d4aa,#008cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.nav-cta{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:50px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fff;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-cta:hover{background:#00d4aa33;border-color:#00d4aa80;transform:translateY(-2px);box-shadow:0 10px 30px #00d4aa4d}.hero-ultra{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:8rem 4rem 4rem;position:relative}.hero-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.hero-content-side{animation:slideInLeft 1s cubic-bezier(.22,1,.36,1)}.hero-badge-modern{display:inline-flex;align-items:center;gap:.75rem;padding:.6rem 1.25rem;border-radius:50px;background:#00d4aa14;border:1px solid rgba(0,212,170,.2);font-size:.9rem;font-weight:500;color:#ffffffe6;margin-bottom:2.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.hero-mega-title{font-size:clamp(3rem,6vw,5.5rem);font-weight:900;line-height:1.1;margin-bottom:2rem;letter-spacing:-2px}.title-highlight{color:#fffffff2}.title-gradient{background:linear-gradient(135deg,#00d4aa,#008cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.hero-description{font-size:1.4rem;line-height:1.6;color:#ffffffb3;margin-bottom:3rem;max-width:500px}.description-highlight{color:#00d4aa;font-weight:600}.hero-actions{display:flex;gap:1.25rem;margin-bottom:4rem}.btn-primary-modern{position:relative;padding:1.25rem 2.5rem;border-radius:50px;background:linear-gradient(135deg,#00d4aa,#008cff);color:#fff;font-size:1.1rem;font-weight:700;text-decoration:none;border:none;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px #00d4aa4d}.btn-primary-modern:hover{transform:translateY(-3px);box-shadow:0 20px 60px #00d4aa80}.btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-primary-modern:hover .btn-shine{left:100%}.btn-watch-demo{display:flex;align-items:center;gap:.75rem;padding:1.25rem 2rem;border-radius:50px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-watch-demo:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.play-icon-wrapper{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#00d4aa,#008cff);display:flex;align-items:center;justify-content:center;padding-left:3px}.stats-minimal{display:flex;align-items:center;gap:2rem}.stat-minimal{display:flex;flex-direction:column;gap:.25rem}.stat-value{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#00d4aa,#008cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.85rem;color:#ffffff80;font-weight:500}.stat-divider{width:1px;height:40px;background:#ffffff1a}.hero-visual-side{display:flex;justify-content:center;align-items:center;animation:slideInRight 1s cubic-bezier(.22,1,.36,1);perspective:1000px}.iphone-mockup{position:relative;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(-2deg)}}.iphone-frame{width:340px;height:680px;background:linear-gradient(145deg,#1a1a1a,#0a0a0a);border-radius:50px;padding:14px;box-shadow:0 50px 100px #00000080,0 0 0 1px #ffffff1a,inset 0 0 0 1px #ffffff0d;position:relative;transform-style:preserve-3d;transition:transform .3s}.iphone-frame:hover{transform:rotateY(5deg) rotateX(-5deg)}.iphone-notch{position:absolute;top:14px;left:50%;transform:translate(-50%);width:130px;height:30px;background:#000;border-radius:0 0 20px 20px;z-index:2}.iphone-screen{width:100%;height:100%;background:#000;border-radius:38px;overflow:hidden;position:relative}.demo-video,.demo-preview{width:100%;height:100%;object-fit:cover}.demo-preview{position:relative;cursor:pointer}.preview-image{width:100%;height:100%;object-fit:cover}.preview-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;transition:all .3s}.demo-preview:hover .preview-overlay{background:#0009}.preview-play-btn{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#00d4aa,#008cff);display:flex;align-items:center;justify-content:center;transition:transform .3s;box-shadow:0 10px 40px #00d4aa66}.demo-preview:hover .preview-play-btn{transform:scale(1.1)}.floating-element{position:absolute;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#000c;border:1px solid rgba(255,255,255,.1);border-radius:50px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-size:1.2rem;box-shadow:0 10px 30px #0000004d}.element-count{font-size:.9rem;font-weight:700;color:#00d4aa}.floating-heart{top:20%;right:-60px;animation:floatElement 3s ease-in-out infinite}.floating-fire{top:50%;right:-80px;animation:floatElement 3s ease-in-out infinite 1s}.floating-brain{bottom:20%;right:-70px;animation:floatElement 3s ease-in-out infinite 2s}@keyframes floatElement{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;color:#fff6;font-size:.85rem;font-weight:500;animation:bounceScroll 2s ease-in-out infinite}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.3))}@keyframes bounceScroll{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}.why-different{padding:8rem 4rem;background:#ffffff03}.section-container{max-width:1400px;margin:0 auto}.section-title-modern{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;text-align:center;margin-bottom:5rem;line-height:1.2;letter-spacing:-1px}.text-gradient{background:linear-gradient(135deg,#00d4aa,#008cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-bento{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.bento-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:2.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.bento-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#00d4aa1a,#008cff1a);opacity:0;transition:opacity .4s}.bento-card:hover{transform:translateY(-8px);border-color:#00d4aa4d;box-shadow:0 30px 80px #00d4aa33}.bento-card:hover:before{opacity:1}.bento-large{grid-column:span 2;grid-row:span 2}.bento-medium{grid-column:span 2}.bento-dark{background:#00d4aa0d}.bento-icon{margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#00d4aa14;border-radius:20px;border:1px solid rgba(0,212,170,.2);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.bento-icon:before{content:"";position:absolute;inset:0;border-radius:20px;background:linear-gradient(135deg,#00d4aa33,#008cff33);opacity:0;transition:opacity .4s}.bento-card:hover .bento-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 10px 40px #00d4aa4d;border-color:#00d4aa66}.bento-card:hover .bento-icon:before{opacity:1}.bento-icon svg{position:relative;z-index:1;filter:drop-shadow(0 4px 12px rgba(0,212,170,.4));transition:all .4s cubic-bezier(.4,0,.2,1)}.bento-card:hover .bento-icon svg{filter:drop-shadow(0 8px 24px rgba(0,212,170,.6))}.bento-card h3{font-size:1.8rem;font-weight:700;margin-bottom:1rem;position:relative}.bento-card p{color:#ffffffb3;line-height:1.6;font-size:1.05rem;position:relative}.bento-visual{margin-top:2rem;position:relative}.timer-visualization{display:flex;justify-content:center;align-items:center}.timer-circle{position:relative;width:150px;height:150px}.timer-svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-progress{animation:timerProgress 3s ease-in-out infinite}@keyframes timerProgress{0%,to{stroke-dashoffset:70.75}50%{stroke-dashoffset:0}}.timer-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-weight:800;color:#00d4aa}.gamification-preview{display:flex;gap:1rem;flex-wrap:wrap}.xp-badge,.level-badge,.streak-badge{padding:.75rem 1.25rem;border-radius:50px;font-weight:700;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.xp-badge{background:#00d4aa33;border:1px solid rgba(0,212,170,.3);color:#00d4aa}.level-badge{background:#008cff33;border:1px solid rgba(0,140,255,.3);color:#008cff}.streak-badge{background:#ff6b0033;border:1px solid rgba(255,107,0,.3);color:#ff6b00}.final-cta-mega{padding:10rem 4rem;background:radial-gradient(circle at center,rgba(0,212,170,.1),transparent);position:relative;overflow:hidden}.cta-mega-container{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:1}.cta-mega-title{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900;margin-bottom:3rem;line-height:1.2;letter-spacing:-1px}.cta-mega-button{position:relative;display:inline-block;padding:1.75rem 4rem;border-radius:60px;background:linear-gradient(135deg,#00d4aa,#008cff);color:#fff;font-size:1.3rem;font-weight:800;text-decoration:none;cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 60px #00d4aa66;margin-bottom:2rem}.cta-mega-button:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 30px 80px #00d4aa99}.cta-mega-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3),transparent 60%);animation:glowRotate 8s linear infinite}@keyframes glowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cta-mega-note{color:#ffffff80;font-size:1rem}.cta-decoration{position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(100px);opacity:.2}.cta-decoration-1{background:#00d4aa;top:-100px;left:-100px}.cta-decoration-2{background:#008cff;bottom:-100px;right:-100px}.footer-minimal{padding:3rem 4rem;border-top:1px solid rgba(255,255,255,.05);background:#00000080}.footer-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-logo{font-size:1.2rem;font-weight:800;background:linear-gradient(135deg,#00d4aa,#008cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-brand p{color:#fff6;font-size:.9rem;margin-top:.5rem}.footer-links{display:flex;gap:2rem}.footer-links a{color:#ffffff80;text-decoration:none;font-size:.95rem;transition:color .3s}.footer-links a:hover{color:#00d4aa}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1024px){.hero-grid{grid-template-columns:1fr;gap:4rem}.hero-visual-side{order:-1}.features-bento{grid-template-columns:repeat(2,1fr)}.bento-large,.bento-medium{grid-column:span 1;grid-row:span 1}}@media (max-width: 768px){.navbar-modern{padding:1.5rem 2rem}.hero-ultra{padding:6rem 2rem 3rem}.why-different,.final-cta-mega{padding:5rem 2rem}.features-bento{grid-template-columns:1fr}.iphone-frame{width:280px;height:560px}.floating-element{display:none}.landing-page{cursor:default}.custom-cursor{display:none}}.auth-form-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);position:relative;overflow:hidden}.auth-form-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(0,212,170,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,140,255,.1) 0%,transparent 50%);animation:bgShift 20s ease-in-out infinite alternate}@keyframes bgShift{0%{transform:translate(-10px) translateY(-10px)}to{transform:translate(10px) translateY(10px)}}.auth-form-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem;width:100%;max-width:420px;box-shadow:0 25px 80px #0000004d;position:relative;z-index:1}.auth-form-header{text-align:center;margin-bottom:2.5rem}.auth-form-header h2{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem;background:linear-gradient(135deg,#00d4aa,#008cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-form-header p{color:#ffffffb3;font-size:1rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.auth-error{background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:12px;padding:1rem;display:flex;align-items:center;gap:.75rem;color:#ff6b6b;font-size:.9rem}.error-icon{font-size:1.2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#fff;font-weight:500;font-size:.9rem}.form-group input{background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:1rem;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#00d4aa;background:#ffffff1f;box-shadow:0 0 0 3px #00d4aa1a}.form-group input::placeholder{color:#ffffff80}.form-group input:disabled{opacity:.6;cursor:not-allowed}.form-group input.error{border-color:#ff6b6b;background:#f443361a}.field-error{color:#ff6b6b;font-size:.8rem;margin-top:.25rem}.auth-submit-btn{background:linear-gradient(135deg,#00d4aa,#008cff);border:none;border-radius:12px;padding:1rem;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.5rem}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #00d4aa4d}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.auth-footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.auth-footer p{color:#ffffffb3;font-size:.9rem;margin:0}.auth-footer a{color:#00d4aa;text-decoration:none;font-weight:500;transition:color .3s ease}.auth-footer a:hover{color:#008cff}@media (max-width: 480px){.auth-form-container{padding:1rem}.auth-form-card{padding:2rem}.auth-form-header h2{font-size:1.75rem}.form-group input{padding:.875rem}.auth-submit-btn{padding:.875rem;font-size:1rem}}.auth-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}.auth-tabs{display:flex;justify-content:center;padding:2rem 0;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.1)}.auth-tab{background:transparent;border:none;color:#ffffffb3;font-size:1.1rem;font-weight:500;padding:1rem 2rem;cursor:pointer;transition:all .3s ease;border-radius:12px 12px 0 0;position:relative}.auth-tab:hover{color:#ffffffe6;background:#ffffff0d}.auth-tab.active{color:#00d4aa;background:#00d4aa1a;border-bottom:2px solid #00d4aa}.auth-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(135deg,#00d4aa,#008cff)}.loading-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#fff}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #00d4aa;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-container p{font-size:1.1rem;color:#ffffffb3}.netflix-dashboard{min-height:100vh;background:#141414;color:#fff;overflow-x:hidden}.hero-section{position:relative;height:80vh;display:flex;align-items:center;overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1;transform:scale(1.05);transition:transform .3s ease}.hero-section:hover .hero-background{transform:scale(1.08)}.hero-content{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 2rem;width:100%}.hero-info{max-width:600px}.hero-title{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;margin:0 0 1rem;line-height:1.1;letter-spacing:-.02em;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;text-shadow:2px 2px 8px rgba(0,0,0,.9);color:#fff!important;-webkit-text-fill-color:#ffffff!important;background:none!important;animation:fadeInUp .8s ease-out;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-description{font-size:1.25rem;line-height:1.6;margin:0 0 2rem;color:#e0e0e0;text-shadow:1px 1px 2px rgba(0,0,0,.8);max-width:500px}.hero-meta{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.duration{background:#fff3;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.course-badge{background:linear-gradient(135deg,#00d4aa,#008cff);padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.progress-indicator{display:flex;align-items:center;gap:.75rem;background:#00000080;padding:.75rem 1rem;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.progress-bar{width:100px;height:4px;background:#ffffff4d;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#00d4aa,#008cff);border-radius:2px;transition:width .5s ease}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.play-button{display:flex;align-items:center;gap:.75rem;background:#fff;color:#000;padding:1rem 2rem;border-radius:8px;border:none;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.play-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.play-button:hover:before{left:100%}.play-button:hover{background:#fffffff2;transform:translateY(-3px) scale(1.02);box-shadow:0 12px 40px #fff6}.play-button:active{transform:translateY(-1px) scale(1.01);transition:all .1s ease}.info-button{display:flex;align-items:center;gap:.75rem;background:#ffffff26;color:#fff;padding:1rem 2rem;border-radius:8px;border:1px solid rgba(255,255,255,.3);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-button:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 8px 25px #ffffff26}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:3;opacity:1;transition:opacity .3s ease}.scroll-indicator.hidden{opacity:0}.scroll-arrow{animation:bounce 2s infinite;color:#fff}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.stats-bar{background:linear-gradient(180deg,#141414e6,#141414);padding:2rem 0;border-bottom:1px solid #333}.stats-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;gap:3rem;justify-content:center;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:1rem;transition:transform .3s cubic-bezier(.4,0,.2,1);animation:slideInUp .6s ease-out;animation-fill-mode:both}.stat-item:nth-child(1){animation-delay:.1s}.stat-item:nth-child(2){animation-delay:.2s}.stat-item:nth-child(3){animation-delay:.3s}.stat-item:hover{transform:translateY(-4px)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.stat-icon.level{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1f2937}.stat-icon.streak{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.stat-icon.lessons{background:linear-gradient(135deg,#00d4aa,#008cff);color:#fff}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:800;line-height:1}.stat-label{font-size:.9rem;color:#a0a0a0;margin-top:.25rem}.content-sections{padding:3rem 0;max-width:1400px;margin:0 auto}.content-section{margin-bottom:4rem;opacity:0;animation:fadeInSection .8s ease-out forwards}.content-section:nth-child(1){animation-delay:.2s}.content-section:nth-child(2){animation-delay:.4s}.content-section:nth-child(3){animation-delay:.6s}.content-section:nth-child(4){animation-delay:.8s}@keyframes fadeInSection{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding:0 2rem}.section-title{font-size:1.5rem;font-weight:700;margin:0;color:#fff}.see-all-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#00d4aa;font-size:.9rem;font-weight:600;cursor:pointer;transition:color .3s ease}.see-all-button:hover{color:#a855f7}.content-row{display:flex;gap:1rem;padding:0 2rem;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.content-item{flex-shrink:0;width:200px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:12px;overflow:hidden}.content-item:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0000004d}.item-image{position:relative;width:100%;height:300px;border-radius:8px;overflow:hidden;background:#333}.item-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.content-item:hover .item-image img{transform:scale(1.1)}.item-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.content-item:hover .item-overlay{opacity:1}.play-icon{width:60px;height:60px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;transform:scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.content-item:hover .play-icon{transform:scale(1.1);box-shadow:0 8px 30px #0006;background:#fff}.completed-badge{position:absolute;top:1rem;right:1rem;width:30px;height:30px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.item-info{padding:1rem 0}.item-title{font-size:1rem;font-weight:600;margin:0 0 .5rem;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-progress{display:flex;align-items:center;gap:.75rem}.progress-bar-small{flex:1;height:3px;background:#333;border-radius:2px;overflow:hidden}.progress-fill-small{height:100%;background:linear-gradient(90deg,#00d4aa,#008cff);border-radius:2px;transition:width .5s ease}.progress-text{font-size:.8rem;color:#a0a0a0;font-weight:600;min-width:35px}.activity-list{padding:0 2rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid #333;transition:background .3s ease}.activity-item:hover{background:#ffffff0d;margin:0 -2rem;padding:1rem 2rem;border-radius:8px}.activity-icon{width:40px;height:40px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.activity-title{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:#fff}.activity-course{font-size:.9rem;color:#a0a0a0;margin:0 0 .5rem}.xp-earned{background:linear-gradient(135deg,#00d4aa,#008cff);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600}.activity-time{font-size:.8rem;color:#666}.quick-action{display:flex;align-items:center;gap:1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);padding:1.5rem;border-radius:16px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-decoration:none;color:#fff;font-size:1rem;font-weight:600;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.quick-action:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);opacity:0;transition:opacity .3s ease}.quick-action:hover:before{opacity:1}.quick-action:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #0006}.quick-action.primary{background:linear-gradient(135deg,#00d4aa,#008cff);border:none;box-shadow:0 4px 15px #6366f166}.quick-action.primary:hover{box-shadow:0 8px 25px #6366f199}.action-icon{width:50px;height:50px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.quick-action.primary .action-icon{background:#ffffff4d}.hero-loading{height:80vh;background:#141414}.hero-skeleton{width:100%;height:100%;background:linear-gradient(90deg,#333 25%,#444,#333 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.content-skeleton{padding:3rem 0;background:#141414}.row-skeleton{margin-bottom:3rem}.row-title-skeleton{width:200px;height:30px;background:linear-gradient(90deg,#333 25%,#444,#333 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;margin-bottom:1rem;border-radius:4px}.item-skeleton{flex-shrink:0;width:200px;height:300px;background:linear-gradient(90deg,#333 25%,#444,#333 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hero-skeleton{background:linear-gradient(90deg,#333 25%,#444,#333 75%);background-size:200% 100%;animation:shimmer 2s infinite;position:relative;overflow:hidden}.hero-skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer-overlay 3s infinite}@keyframes shimmer-overlay{0%{transform:translate(-100%)}to{transform:translate(100%)}}.error-state{min-height:100vh;background:#141414;display:flex;align-items:center;justify-content:center}.error-content{text-align:center;max-width:500px;padding:2rem}.error-content svg{color:#ef4444;margin-bottom:1rem}.error-content h2{font-size:2rem;font-weight:700;margin:0 0 1rem;color:#fff}.error-content p{font-size:1rem;color:#a0a0a0;margin:0 0 2rem}.retry-button{background:linear-gradient(135deg,#00d4aa,#008cff);color:#fff;padding:1rem 2rem;border-radius:8px;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.content-item:hover .item-image img{transform:scale(1.1);filter:brightness(1.1)}.content-item:hover .item-overlay{opacity:1;background:#0000004d}.hero-skeleton{height:70vh;background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:0}.row-skeleton{margin-bottom:3rem;padding:0 2rem}.row-title-skeleton{height:2rem;width:200px;background:linear-gradient(90deg,#2a2a2a,#3a3a3a,#2a2a2a);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:8px;margin-bottom:1rem}.row-items{display:flex;gap:1rem;overflow-x:auto}.item-skeleton{flex-shrink:0;width:200px;height:300px;background:linear-gradient(90deg,#2a2a2a,#3a3a3a,#2a2a2a);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:12px}.error-content{text-align:center;padding:3rem;max-width:500px;margin:0 auto}.error-content svg{color:#ff6b6b;margin-bottom:1.5rem}.error-content h2{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#fff}.error-content p{font-size:1.1rem;color:#b3b3b3;margin-bottom:2rem;line-height:1.6}.retry-button{background:linear-gradient(135deg,#00d4aa,#008cff);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);color:#ffffffb3;animation:bounce 2s infinite;transition:opacity .3s ease}.scroll-indicator.hidden{opacity:0;pointer-events:none}.scroll-arrow{display:flex;flex-direction:column;align-items:center;gap:.5rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.progress-bar{width:100%;height:4px;background:#fff3;border-radius:2px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#00d4aa,#008cff);border-radius:2px;transition:width .3s ease;position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progress-shine 2s infinite}@keyframes progress-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-bar-small{width:100%;height:2px;background:#fff3;border-radius:1px;overflow:hidden;margin-top:.5rem}.progress-fill-small{height:100%;background:linear-gradient(90deg,#00d4aa,#008cff);border-radius:1px;transition:width .3s ease}.section-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;letter-spacing:-.01em}.item-title{font-size:.9rem;font-weight:600;color:#fff;margin:.5rem 0 0;line-height:1.3;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}.progress-text{font-size:.75rem;color:#b3b3b3;font-weight:500;margin-top:.25rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border-radius:12px;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.activity-item:hover{background:#ffffff14;transform:translate(4px)}.activity-icon{width:40px;height:40px;background:linear-gradient(135deg,#00d4aa,#008cff);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.activity-content{flex:1}.activity-title{font-size:.95rem;font-weight:600;color:#fff;margin:0 0 .25rem;line-height:1.3}.activity-course{font-size:.8rem;color:#b3b3b3;margin:0 0 .5rem;line-height:1.3}.activity-meta{display:flex;align-items:center;gap:1rem}.xp-earned{font-size:.75rem;color:#10b981;font-weight:600;background:#10b9811a;padding:.25rem .5rem;border-radius:4px}.activity-time{font-size:.75rem;color:#9ca3af}.see-all-button{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid rgba(255,255,255,.3);color:#b3b3b3;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.see-all-button:hover{border-color:#ffffff80;color:#fff;transform:translateY(-1px)}.stats-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0006;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.content-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border-radius:16px;padding:2rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.1)}.content-row{display:flex;gap:1rem;overflow-x:auto;padding:1rem 0;scrollbar-width:none;-ms-overflow-style:none}.content-row::-webkit-scrollbar{display:none}.content-item{flex-shrink:0;width:200px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:12px;overflow:hidden;background:#ffffff08;border:1px solid rgba(255,255,255,.1)}.content-item:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0000004d;border-color:#fff3;background:#ffffff0d}.item-image{position:relative;width:100%;height:300px;overflow:hidden;border-radius:12px 12px 0 0}.item-image img{width:100%;height:100%;object-fit:cover;transition:all .4s ease}.item-overlay{position:absolute;inset:0;background:#0003;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.completed-badge{position:absolute;top:1rem;right:1rem;background:#10b981e6;color:#fff;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.item-info{padding:1rem;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.activity-list{display:flex;flex-direction:column;gap:1rem}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;padding:0 2rem}.action-icon{width:50px;height:50px;background:#ffffff1a;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.quick-action:hover .action-icon{background:#fff3;transform:scale(1.1);border-color:#ffffff4d}.quick-action.primary .action-icon{background:#fff3}.quick-action.primary:hover .action-icon{background:#ffffff4d}.hero-skeleton:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer-overlay 3s infinite}.content-row{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.content-row::-webkit-scrollbar{height:6px}.content-row::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.content-row::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.content-row::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width: 768px){.hero-title{font-size:clamp(2rem,8vw,3rem);line-height:1.2}.hero-description{font-size:1.1rem;line-height:1.7}.hero-content{padding:0 1rem}.hero-meta{flex-direction:column;align-items:flex-start;gap:1rem}.hero-actions{flex-direction:column;gap:.75rem}.play-button,.info-button{justify-content:center;padding:1.25rem 2rem;font-size:1rem}.stats-container{flex-direction:column;gap:1.5rem;align-items:center;padding:0 1rem}.stat-item{width:100%;max-width:300px;justify-content:center}.section-header{padding:0 1rem;flex-direction:column;align-items:flex-start;gap:1rem}.content-row{padding:0 1rem;gap:.75rem}.content-item{width:160px}.item-image{height:240px}.activity-list{padding:0 1rem}.quick-actions-grid{grid-template-columns:1fr;padding:0 1rem;gap:1rem}.quick-action{padding:1.25rem;flex-direction:column;text-align:center;gap:.75rem}.content-sections{padding:2rem 0}.content-section:nth-child(n){animation-delay:.1s}.stat-item:nth-child(n){animation-delay:.1s}}@media (max-width: 480px){.hero-title{font-size:2rem}.content-item{width:160px}.item-image{height:240px}}.course-catalog{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.catalog-header{padding:2rem 0 1rem;background:linear-gradient(180deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 50%,transparent 100%)}.header-content{text-align:center;margin-bottom:2rem}.header-content h1{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#00d4aa,#008cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem;text-shadow:0 4px 20px rgba(0,212,170,.3)}.header-content p{font-size:1.2rem;color:#ffffffb3;margin:0;font-weight:400}.search-container{max-width:700px;margin:2rem auto;padding:0 2rem}.search-input-wrapper{position:relative;display:flex;align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:.75rem 1.5rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-input-wrapper:focus-within{background:#ffffff1f;border-color:#00d4aa80;box-shadow:0 0 0 4px #00d4aa1a}.search-icon{color:#ffffff80;margin-right:1rem;flex-shrink:0}.search-input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:1rem;font-weight:400}.search-input::placeholder{color:#fff6}.clear-search{background:#ffffff1a;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;margin-left:.5rem;flex-shrink:0}.clear-search:hover{background:#fff3;transform:scale(1.1)}.clear-search svg{color:#ffffffb3}.search-results-info{text-align:center;color:#fff9;font-size:.9rem;margin-top:.75rem;font-weight:500}.filter-tabs{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem}.filter-tabs button{padding:.75rem 1.5rem;border:none;border-radius:25px;background:#ffffff1a;color:#ffffffb3;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.filter-tabs button:hover{background:#ffffff26;color:#ffffffe6;transform:translateY(-2px);box-shadow:0 8px 25px #00d4aa33}.filter-tabs button.active{background:linear-gradient(135deg,#00d4aa,#008cff);color:#fff;box-shadow:0 8px 25px #00d4aa66;transform:translateY(-2px)}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:0 2rem 4rem;max-width:1400px;margin:0 auto}.course-card{background:#ffffff0d;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);position:relative;transform-style:preserve-3d}.course-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00d4aa4d;border-color:#00d4aa4d}.course-thumbnail{position:relative;height:200px;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.course-thumbnail:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 70%,rgba(0,0,0,.8) 100%);transition:opacity .3s ease}.course-card:hover .course-thumbnail:before{opacity:.8}.course-badge-container{position:absolute;top:1rem;right:1rem;z-index:2}.badge{padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge.enrolled{background:linear-gradient(135deg,#00d4aa,#008cff);color:#fff;box-shadow:0 4px 15px #00d4aa66}.course-info{padding:1.5rem;position:relative;z-index:1}.course-title{font-size:1.3rem;font-weight:700;margin:0 0 .75rem;color:#fff;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-description{color:#ffffffb3;font-size:.9rem;line-height:1.5;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.course-meta{display:flex;gap:1rem;margin-bottom:1rem}.meta-item{display:flex;align-items:center;gap:.5rem;color:#fff9;font-size:.85rem;font-weight:500}.meta-item svg{width:16px;height:16px;color:#00d4aa}.progress-section{margin-bottom:1rem}.progress-bar-wrapper{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#00d4aa,#008cff);border-radius:3px;transition:width .3s ease}.progress-text{font-size:.8rem;color:#ffffffb3;font-weight:500}.course-action-btn{width:100%;padding:.875rem 1.5rem;border:none;border-radius:12px;background:linear-gradient(135deg,#00d4aa,#008cff);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #00d4aa4d}.course-action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00d4aa80}.empty-catalog{text-align:center;padding:4rem 2rem;color:#ffffffb3}.empty-catalog svg{width:80px;height:80px;color:#ffffff4d;margin-bottom:1.5rem}.empty-catalog h2{font-size:1.8rem;font-weight:600;margin:0 0 1rem;color:#ffffffe6}.empty-catalog p{font-size:1rem;margin:0 0 2rem;color:#fff9}.empty-catalog button{padding:1rem 2rem;border:none;border-radius:25px;background:linear-gradient(135deg,#00d4aa,#008cff);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #00d4aa4d}.empty-catalog button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00d4aa80}.catalog-error{text-align:center;padding:4rem 2rem;color:#ffffffb3}.catalog-error svg{width:80px;height:80px;color:#ff6b6b;margin-bottom:1.5rem}.catalog-error h2{font-size:1.8rem;font-weight:600;margin:0 0 1rem;color:#ffffffe6}.catalog-error p{font-size:1rem;margin:0 0 2rem;color:#fff9}.catalog-error button{padding:1rem 2rem;border:none;border-radius:25px;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #ff6b6b4d}.catalog-error button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b6b80}.course-card.skeleton{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.skeleton-thumbnail{height:200px;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.skeleton-content{padding:1.5rem}.skeleton-title{height:1.5rem;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;margin-bottom:.75rem}.skeleton-text{height:1rem;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;margin-bottom:.5rem}.skeleton-text.short{width:60%}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 768px){.courses-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:0 1rem 2rem}.header-content h1{font-size:2.5rem}.header-content p{font-size:1rem}.filter-tabs{flex-wrap:wrap;gap:.5rem}.filter-tabs button{padding:.6rem 1.2rem;font-size:.85rem}.course-card{border-radius:12px}.course-thumbnail{height:180px}.course-info{padding:1.25rem}.course-title{font-size:1.2rem}}@media (max-width: 480px){.courses-grid{grid-template-columns:1fr;gap:1rem;padding:0 1rem 2rem}.header-content h1{font-size:2rem}.catalog-header{padding:1.5rem 0 1rem}.course-thumbnail{height:160px}.course-info{padding:1rem}}._backdrop_8qito_1{position:fixed;inset:0;background:#03050d59;display:flex;justify-content:center;align-items:flex-end;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:40}._open_8qito_14{opacity:1;pointer-events:auto}._sheet_8qito_19{width:min(640px,100%);max-height:85vh;background:#090c18f5;border-top-left-radius:28px;border-top-right-radius:28px;padding:1.5rem 2rem 2.5rem;overflow-y:auto;color:#f8f8ff;box-shadow:0 24px 60px #00000073}._closeButton_8qito_31{position:sticky;top:0;margin-left:auto;border:none;background:#ffffff1f;color:#fff;border-radius:999px;padding:.4rem 1.2rem;font-weight:600;cursor:pointer}._header_8qito_44{margin-top:1rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.75rem}._header_8qito_44 h2{margin:0;font-size:clamp(1.4rem,4vw,2rem);font-weight:700;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;letter-spacing:-.02em;line-height:1.2;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}._header_8qito_44 p{margin:0;color:#dce1ffcc;font-size:1rem;font-weight:500;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.4}._courseButton_8qito_72{align-self:flex-start;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:#5361ff1a;color:#f8f8ff;padding:.55rem 1.4rem;font-weight:600;cursor:pointer}._section_8qito_83{margin-bottom:1.6rem}._section_8qito_83 h3{margin:0 0 .8rem;font-size:1.05rem}._list_8qito_92{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}._list_8qito_92 li:before{content:"•";color:#64f5c9;margin-right:.6rem}._list_8qito_92 li{color:#e1e6ffbf;line-height:1.5}._quizQuestion_8qito_111{margin-bottom:.8rem;font-weight:600}._quizOptions_8qito_116{display:grid;gap:.6rem}._quizOption_8qito_116{display:flex;align-items:center;gap:.8rem;border:1px solid rgba(255,255,255,.14);background:#080a1480;border-radius:16px;padding:.9rem 1rem;color:#e9ecff;text-align:left;cursor:pointer}._quizOptionSelected_8qito_134{border-color:#5361ff99}._quizOptionCorrect_8qito_138{border-color:#64f5c9d9;background:#64f5c929}._quizOptionIncorrect_8qito_143{border-color:#ff7a8ab3;background:#ff7a8a29}._quizLetter_8qito_148{font-weight:700}._quizFeedback_8qito_152{margin-top:.8rem;font-size:.95rem;line-height:1.5}._quizFeedbackCorrect_8qito_158{color:#64f5c9}._quizFeedbackIncorrect_8qito_162{color:#ff7a8a}._resources_8qito_166{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}._resources_8qito_166 a{color:#83a0ff;text-decoration:none}@media (max-width: 640px){._sheet_8qito_19{border-radius:20px 20px 0 0;padding:1.2rem 1.4rem 2rem}}._videoContainer_1l7o9_1{position:relative;width:100%;height:100%;background:#000;overflow:hidden}._video_1l7o9_1,._iframe_1l7o9_10{position:absolute;top:0;left:0;width:100%;height:100%;border:none;object-fit:contain}._errorContainer_1l7o9_20{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;background:#000c;color:#fff;text-align:center;height:100%}._errorContainer_1l7o9_20 svg{color:#ef4444}._errorContainer_1l7o9_20 p{font-size:1rem;font-weight:500;margin:0}._errorContainer_1l7o9_20 small{font-size:.75rem;opacity:.7;word-break:break-all;max-width:80%}._loadingContainer_1l7o9_50{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;background:#000c;color:#fff;height:100%}._spinner_1l7o9_62{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:_spin_1l7o9_62 .8s linear infinite}@keyframes _spin_1l7o9_62{to{transform:rotate(360deg)}}._loadingContainer_1l7o9_50 p{font-size:.875rem;margin:0}._sourceBadge_1l7o9_82{position:absolute;top:1rem;right:1rem;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:.375rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500;pointer-events:none;z-index:10;display:flex;align-items:center;gap:.25rem}._shortWarning_1l7o9_100{position:absolute;bottom:1rem;left:1rem;right:1rem;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.75rem;padding:1rem;color:#fff;z-index:20}._shortWarningContent_1l7o9_113{display:flex;align-items:flex-start;gap:.75rem}._shortWarningContent_1l7o9_113 svg{color:#fbbf24;flex-shrink:0;margin-top:.125rem}._shortWarningContent_1l7o9_113 p{margin:0 0 .5rem;font-size:.875rem;line-height:1.4}._shortWarningContent_1l7o9_113 p:last-child{margin-bottom:0}._watchOnYoutube_1l7o9_135{display:inline-block;background:#dc2626;color:#fff;padding:.5rem 1rem;border-radius:.5rem;text-decoration:none;font-weight:500;font-size:.875rem;margin-top:.5rem;transition:background-color .2s}._watchOnYoutube_1l7o9_135:hover{background:#b91c1c;color:#fff}@media (max-width: 768px){._sourceBadge_1l7o9_82{top:.5rem;right:.5rem;font-size:.6875rem;padding:.25rem .5rem}._shortWarning_1l7o9_100{bottom:.5rem;left:.5rem;right:.5rem;padding:.75rem}._shortWarningContent_1l7o9_113{gap:.5rem}._shortWarningContent_1l7o9_113 p{font-size:.8125rem}._watchOnYoutube_1l7o9_135{padding:.375rem .75rem;font-size:.8125rem}}._slide_hurxx_1{height:calc(var(--vh, 1vh) * 100);scroll-snap-align:start;display:flex;background:#01020a}._videoLayer_hurxx_8{position:relative;flex:1;background:#000;overflow:hidden;cursor:pointer}._player_hurxx_16{height:100%;width:100%}._playerIframe_hurxx_21{position:absolute;top:50%;left:50%;height:calc(var(--vh, 1vh) * 110);width:calc(var(--vh, 1vh) * 110 * 16 / 9);min-width:135%;transform:translate(-50%,-50%);pointer-events:none}._lockedMask_hurxx_32,._tapHint_hurxx_33{position:absolute;inset:0;display:grid;place-items:center;padding:2.4rem;text-align:center;font-size:1.02rem}._lockedMask_hurxx_32{background:#000000b8;color:#ecf0ffd9;z-index:3}._tapHint_hurxx_33{background:linear-gradient(180deg,#05070d8c,#05070d0d 75%);color:#f8f9ffd1;font-weight:600;letter-spacing:.02em;z-index:2}._volumeButton_hurxx_57{position:absolute;top:auto;bottom:17rem;right:1.2rem;width:46px;height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#080c18b3;color:#f0f4ffe6;cursor:pointer;z-index:150;display:grid;place-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .2s ease}._volumeButton_hurxx_57:hover{background:#0c101cd9;border-color:#ffffff47;transform:scale(1.05)}._volumeButtonActive_hurxx_82{background:#080c18b3;color:#f0f4fff2;border-color:#64f5c966}._volumeButtonActive_hurxx_82:hover{background:#0c101cd9;border-color:#64f5c999}._playPauseButton_hurxx_93{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:999px;border:2px solid rgba(255,255,255,.3);background:#080c18d9;color:#f0f4fff2;cursor:pointer;z-index:5;display:grid;place-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:all .3s ease;opacity:0;pointer-events:auto}._videoLayer_hurxx_8:hover ._playPauseButton_hurxx_93,._playPauseButton_hurxx_93._paused_hurxx_115{opacity:1}._playPauseButton_hurxx_93:hover{background:#0c101cf2;border-color:#ffffff80;transform:translate(-50%,-50%) scale(1.1);box-shadow:0 8px 24px #0006}._playPauseButton_hurxx_93:active{transform:translate(-50%,-50%) scale(.95)}._actionRail_hurxx_130{position:absolute;right:1.2rem;bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:.7rem;z-index:4}._completionIndicator_hurxx_141{width:54px;height:54px;border-radius:999px;border:2px solid rgba(255,255,255,.25);display:grid;place-items:center;color:#fff9;background:#080c1880;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0003;transition:all .3s ease}._completionIndicatorDone_hurxx_155{background:#00d4aa26;border-color:#00d4aa99;color:#00d4aa;box-shadow:0 4px 16px #00d4aa4d;animation:_completePulse_hurxx_1 .6s ease-out}@keyframes _completePulse_hurxx_1{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}._secondaryAction_hurxx_177,._reactionButton_hurxx_178{width:54px;height:54px;border-radius:999px;border:none;display:grid;place-items:center;cursor:pointer;color:#fff;box-shadow:0 8px 20px #0000004d;transition:all .2s ease}._reactionCluster_hurxx_191{display:grid;gap:.45rem}._reactionButton_hurxx_178{background:#080c18b3;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}._reactionButton_hurxx_178:hover{background:#0c101cd9;border-color:#ffffff47;transform:scale(1.08)}._reactionButtonLiked_hurxx_209{color:#ff3b5c;animation:_likeButtonPop_hurxx_1 .3s ease-out}._reactionButtonActive_hurxx_214{background:#00d4aa4d;border-color:#00d4aa;animation:_reactionPulse_hurxx_1 .4s ease-out}._emojiReaction_hurxx_220{font-size:1.5rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}._reactionCount_hurxx_226{position:absolute;bottom:-4px;right:-4px;background:#ff3b5ce6;color:#fff;font-size:10px;font-weight:700;padding:2px 5px;border-radius:10px;min-width:18px;text-align:center}@keyframes _likeButtonPop_hurxx_1{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes _reactionPulse_hurxx_1{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}._secondaryAction_hurxx_177{background:#080c18a6;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._secondaryAction_hurxx_177:hover{background:#0c101cd9;border-color:#ffffff47;transform:scale(1.08)}._episodesButton_hurxx_276{width:54px;height:54px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#080c18a6;color:#f0f4ffe6;display:grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}._episodesButton_hurxx_276:hover{background:#0c101cd9;border-color:#ffffff47;transform:scale(1.08)}._episodesButton_hurxx_276:active{transform:scale(.95)}._episodesButton_hurxx_276:disabled{opacity:.5;cursor:not-allowed;transform:none}._speedDropdown_hurxx_306{position:relative}._speedToggle_hurxx_310{border:1px solid rgba(255,255,255,.18);padding:.3rem .9rem;border-radius:999px;background:#080c18b3;color:#ecf1ffe6;font-weight:600;font-size:.72rem;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}._speedToggle_hurxx_310:hover{background:#0c101cd9;border-color:#ffffff47;transform:scale(1.05)}._speedMenu_hurxx_329{position:absolute;right:0;bottom:calc(100% + .4rem);display:grid;gap:.4rem;padding:.6rem;border-radius:14px;background:#080c18d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.16)}._speedOption_hurxx_342{border:none;border-radius:10px;padding:.32rem .85rem;background:transparent;color:#ecf1ffe6;font-weight:600;font-size:.72rem;cursor:pointer}._speedOptionActive_hurxx_353{background:#00d4aa33;color:#fff}._infoTray_hurxx_358{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.2rem 1.6rem;background:linear-gradient(180deg,#01020a00,#01020ad9 60%,#01020a);z-index:3}._infoLeft_hurxx_371{display:flex;flex-direction:column;gap:.45rem;color:#e9efffd6;font-size:.8rem;letter-spacing:.04em;flex:1}._lessonProgress_hurxx_381{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}._progressIcon_hurxx_388{width:14px;height:14px;color:#00d4aa;flex-shrink:0}._progressText_hurxx_395{font-size:.75rem;font-weight:600;white-space:nowrap}._completedCount_hurxx_401{color:#10b981;font-weight:700}._totalCount_hurxx_406{opacity:.7}._progressBarMini_hurxx_410{position:relative;width:60px;height:4px;background:#ffffff26;border-radius:10px;overflow:hidden;flex-shrink:0}._progressBarMiniFill_hurxx_420{height:100%;background:linear-gradient(90deg,#00d4aa,#008cff);border-radius:10px;transition:width .5s ease-out;box-shadow:0 0 8px #00d4aa80}._progressPercentage_hurxx_428{color:#ffffffe6;font-size:.7rem;font-weight:700;min-width:30px;text-align:right;flex-shrink:0}._statusActions_hurxx_437{display:flex;align-items:center;gap:.75rem}._lockIcon_hurxx_443{display:flex;align-items:center;justify-content:center;color:#e9efffd6;transition:all .2s ease}._lockIcon_hurxx_443 svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}._infoButton_hurxx_455{border:none;border-radius:999px;padding:.45rem 1.2rem;background:#080c18b3;color:#f0f4fff2;border:1px solid rgba(255,255,255,.18);font-weight:600;font-size:.82rem;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}._infoButton_hurxx_455:hover{background:#0c101ce6;border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}._progressBar_hurxx_410{position:absolute;left:0;right:0;bottom:0;height:4px;background:#ffffff26;z-index:3}._progressFill_hurxx_486{height:100%;background:linear-gradient(135deg,#00d4aa,#008cff)}._likeAnimationOverlay_hurxx_491{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:10}._likeAnimationHeart_hurxx_500{animation:_likeHeartAnimation_hurxx_1 1s ease-out forwards;filter:drop-shadow(0 4px 12px rgba(255,255,255,.6))}@keyframes _likeHeartAnimation_hurxx_1{0%{transform:scale(0);opacity:0}15%{transform:scale(1.3);opacity:1}30%{transform:scale(.95)}45%,80%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}._videoLoading_hurxx_529,._videoError_hurxx_530{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000d9;z-index:10;gap:16px;color:#fffc}._videoLoading_hurxx_529 p,._videoError_hurxx_530 p{font-size:14px;margin:0}._spinner_hurxx_552{width:60px;height:60px}._spinnerIcon_hurxx_557{animation:_rotate_hurxx_1 2s linear infinite;transform-origin:center}._spinnerPath_hurxx_562{stroke:#fffc;stroke-linecap:round;animation:_dash_hurxx_1 1.5s ease-in-out infinite}@keyframes _rotate_hurxx_1{to{transform:rotate(360deg)}}@keyframes _dash_hurxx_1{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}._videoError_hurxx_530{color:#ef4444}._videoError_hurxx_530 svg{animation:_shake_hurxx_1 .5s ease-in-out}@keyframes _shake_hurxx_1{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@media (min-width: 768px){._actionRail_hurxx_130{right:2rem;bottom:2.4rem}._infoTray_hurxx_358{padding:.9rem 2rem 1.7rem}}._reactionPicker_1exut_1{position:absolute;bottom:100%;right:100%;margin-bottom:.5rem;margin-right:-3rem;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:50px;padding:.5rem;display:flex;gap:.25rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #00000080;animation:_slideLeft_1exut_1 .2s ease-out;z-index:1000}._reactionOption_1exut_19{background:transparent;border:none;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:1.8rem;position:relative}._reactionOption_1exut_19:hover{background:#ffffff1a;transform:scale(1.3) translateY(-5px)}._reactionOption_1exut_19:before{content:attr(aria-label);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) scale(0);background:#000000e6;color:#fff;padding:.25rem .5rem;border-radius:6px;font-size:.7rem;white-space:nowrap;opacity:0;transition:all .2s;pointer-events:none}._reactionOption_1exut_19:hover:before{transform:translate(-50%) scale(1);opacity:1}@keyframes _slideLeft_1exut_1{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){._reactionPicker_1exut_1{right:100%;margin-right:-3rem;bottom:100%;margin-bottom:.5rem}._reactionOption_1exut_19{width:44px;height:44px;font-size:1.6rem}}._slide_1gll7_1{height:calc(var(--vh, 1vh) * 100);scroll-snap-align:start;display:flex;background:linear-gradient(135deg,#1a1f3a,#0a0e1a);position:relative}._lockedOverlay_1gll7_17{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000d9;z-index:10;color:#ffffffb3;gap:16px;padding:40px;text-align:center}._lockedOverlay_1gll7_17 svg{color:#fff6}._quizContainer_1gll7_55{flex:1;display:flex;flex-direction:column;padding:24px;overflow-y:auto;scrollbar-width:none}._quizContainer_1gll7_55::-webkit-scrollbar{display:none}._quizProgress_1gll7_81{display:flex;gap:8px;justify-content:center;margin-bottom:32px}._progressDot_1gll7_95{width:32px;height:4px;background:#fff3;border-radius:2px;transition:all .3s}._progressDot_1gll7_95._active_1gll7_111{background:linear-gradient(90deg,#6a79ff,#a35aff);box-shadow:0 0 12px #6a79ff99}._progressDot_1gll7_95._completed_1gll7_121{background:#10b98199}._questionContainer_1gll7_129{flex:1;display:flex;flex-direction:column;gap:24px;max-width:600px;margin:0 auto;width:100%}._questionHeader_1gll7_149{display:flex;justify-content:space-between;align-items:center;gap:12px}._questionNumber_1gll7_163{color:#ffffffb3;font-size:14px;font-weight:600}._quizType_1gll7_175{background:#6a79ff33;color:#6a79ff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}._questionText_1gll7_193{font-size:24px;font-weight:700;color:#fff;line-height:1.4;margin:0}._optionsContainer_1gll7_209{display:flex;flex-direction:column;gap:12px}._option_1gll7_209{display:flex;align-items:center;gap:16px;padding:18px 20px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:16px;color:#ffffffe6;font-size:16px;font-weight:500;text-align:left;cursor:pointer;transition:all .3s;position:relative}._option_1gll7_209:hover:not(:disabled){background:#ffffff14;border-color:#fff3;transform:translate(4px)}._option_1gll7_209:disabled{cursor:not-allowed}._option_1gll7_209._selected_1gll7_275{background:#6a79ff26;border-color:#6a79ff}._option_1gll7_209._correct_1gll7_285{background:#10b98126;border-color:#10b981;animation:_correctPulse_1gll7_1 .5s ease-out}._option_1gll7_209._incorrect_1gll7_297{background:#ef444426;border-color:#ef4444;animation:_shake_1gll7_1 .5s ease-out}@keyframes _correctPulse_1gll7_1{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes _shake_1gll7_1{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}._optionLetter_1gll7_331{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff1a;border-radius:8px;font-weight:700;font-size:14px;flex-shrink:0}._option_1gll7_209._selected_1gll7_275 ._optionLetter_1gll7_331{background:#6a79ff;color:#fff}._option_1gll7_209._correct_1gll7_285 ._optionLetter_1gll7_331{background:#10b981;color:#fff}._option_1gll7_209._incorrect_1gll7_297 ._optionLetter_1gll7_331{background:#ef4444;color:#fff}._optionText_1gll7_387{flex:1}._checkIcon_1gll7_395,._crossIcon_1gll7_397{flex-shrink:0}._checkIcon_1gll7_395{color:#10b981}._crossIcon_1gll7_397{color:#ef4444}._feedback_1gll7_421{padding:16px 20px;border-radius:12px;display:flex;gap:12px;align-items:start;animation:_slideDown_1gll7_1 .3s ease-out}@keyframes _slideDown_1gll7_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}._feedbackCorrect_1gll7_461{background:#10b98126;border:1px solid rgba(16,185,129,.3)}._feedbackIncorrect_1gll7_471{background:#ef444426;border:1px solid rgba(239,68,68,.3)}._feedbackIcon_1gll7_481{font-size:24px;flex-shrink:0}._feedbackCorrect_1gll7_461 ._feedbackIcon_1gll7_481{color:#10b981}._feedbackIncorrect_1gll7_471 ._feedbackIcon_1gll7_481{color:#ef4444}._feedback_1gll7_421 p{margin:0;color:#ffffffe6;line-height:1.5;font-size:15px}._quizActions_1gll7_521{margin-top:auto;padding-top:24px}._submitButton_1gll7_531,._continueButton_1gll7_533{width:100%;padding:18px;border-radius:16px;border:none;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}._submitButton_1gll7_531{background:linear-gradient(135deg,#6a79ff,#a35aff);color:#fff;box-shadow:0 8px 24px #6a79ff66}._submitButton_1gll7_531:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #6a79ff99}._submitButton_1gll7_531:disabled{opacity:.5;cursor:not-allowed}._continueButton_1gll7_533{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 8px 24px #10b98166}._continueButton_1gll7_533:hover{transform:translateY(-2px);box-shadow:0 12px 32px #10b98199}._slideInfo_1gll7_609{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;color:#fff9;font-size:13px;font-weight:600}._detailsBtn_1gll7_635{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fffc;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}._detailsBtn_1gll7_635:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}._detailsBtn_1gll7_635:disabled{opacity:.4;cursor:not-allowed}._resultsContainer_1gll7_681{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;gap:32px;animation:_fadeIn_1gll7_1 .5s ease-out}@keyframes _fadeIn_1gll7_1{0%{opacity:0}to{opacity:1}}._resultsIcon_1gll7_715{width:80px;height:80px;animation:_scaleIn_1gll7_1 .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes _scaleIn_1gll7_1{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}._resultsContainer_1gll7_681._passed_1gll7_749 ._resultsIcon_1gll7_715{color:#10b981}._resultsContainer_1gll7_681._failed_1gll7_757 ._resultsIcon_1gll7_715{color:#ef4444}._resultsTitle_1gll7_765{font-size:32px;font-weight:900;color:#fff;margin:0}._resultsScore_1gll7_779{position:relative;width:160px;height:160px}._scoreCircle_1gll7_791{position:relative;width:100%;height:100%}._scoreCircleSvg_1gll7_803{transform:rotate(-90deg);width:100%;height:100%}._scoreCircleTrack_1gll7_815{stroke:#ffffff1a}._scoreCircleFill_1gll7_823{stroke:#6a79ff;stroke-linecap:round;transition:stroke-dashoffset 1s ease-out}._resultsContainer_1gll7_681._passed_1gll7_749 ._scoreCircleFill_1gll7_823{stroke:#10b981}._resultsContainer_1gll7_681._failed_1gll7_757 ._scoreCircleFill_1gll7_823{stroke:#ef4444}._scoreText_1gll7_851{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;font-weight:900;color:#fff}._resultsDetails_1gll7_871{max-width:400px}._resultsDetails_1gll7_871 p{color:#fffc;font-size:16px;line-height:1.5;margin:0 0 12px}._resultsStats_1gll7_893{color:#fff9;font-size:14px}._resultsActions_1gll7_903{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px}._retryButton_1gll7_919,._detailsButton_1gll7_921{padding:16px 32px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;border:none}._retryButton_1gll7_919{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b66}._retryButton_1gll7_919:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b99}._detailsButton_1gll7_921{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}._detailsButton_1gll7_921:hover{background:#ffffff26;border-color:#ffffff4d}._errorState_1gll7_985{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#fff9;text-align:center;padding:40px}._errorState_1gll7_985 svg{color:#ef4444}._errorState_1gll7_985 p{margin:0;font-size:16px}@media (max-width: 640px){._quizContainer_1gll7_55{padding:16px}._questionText_1gll7_193{font-size:20px}._option_1gll7_209{padding:14px 16px;font-size:15px}._optionLetter_1gll7_331{width:28px;height:28px;font-size:13px}._resultsTitle_1gll7_765{font-size:26px}._scoreText_1gll7_851{font-size:32px}}._slide_1uwf0_1{height:calc(var(--vh, 1vh) * 100);scroll-snap-align:start;display:flex;flex-direction:column;background:linear-gradient(135deg,#0f1420,#05070d);position:relative;overflow:hidden}._lockedOverlay_1uwf0_11{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000d9;z-index:10;color:#ffffffb3;gap:16px;padding:40px;text-align:center}._lockedOverlay_1uwf0_11 svg{color:#fff6}._storyHeader_1uwf0_31{position:relative;padding:16px 20px;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);z-index:10}._headerGradient_1uwf0_40{position:absolute;inset:0;background:linear-gradient(135deg,#6a79ff1a,#a35aff1a);z-index:-1}._headerContent_1uwf0_50{display:flex;align-items:center;justify-content:space-between}._authorInfo_1uwf0_56{display:flex;align-items:center;gap:12px}._authorAvatar_1uwf0_62{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6a79ff,#a35aff);display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid rgba(255,255,255,.2)}._authorDetails_1uwf0_74{display:flex;flex-direction:column;gap:2px}._authorName_1uwf0_80{font-size:16px;font-weight:700;color:#fff}._storyTime_1uwf0_86{font-size:12px;color:#fff9}._headerActions_1uwf0_91{display:flex;align-items:center;gap:8px}._moreButton_1uwf0_97{background:#ffffff1a;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fffc;cursor:pointer;transition:all .2s}._moreButton_1uwf0_97:hover{background:#fff3;color:#fff}._progressContainer_1uwf0_117{position:absolute;top:0;left:0;right:0;display:flex;gap:4px;padding:12px 20px 0;z-index:15}._progressBar_1uwf0_128{flex:1;height:3px;background:#ffffff4d;border-radius:2px;overflow:hidden}._progressFill_1uwf0_136{height:100%;background:#fff;border-radius:2px;width:0%;transition:width .1s ease}._progressCompleted_1uwf0_144{width:100%!important}._progressActive_1uwf0_148{animation:_progressFill_1uwf0_136 5s linear forwards}@keyframes _progressFill_1uwf0_136{0%{width:0%}to{width:100%}}._storyImageContainer_1uwf0_158{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}._storyImageContainer_1uwf0_158:before{content:"";position:absolute;top:50%;left:20px;width:8px;height:8px;background:#fff9;border-radius:50%;transform:translateY(-50%);z-index:2;animation:_pulse_1uwf0_1 2s infinite}._storyImageContainer_1uwf0_158:after{content:"";position:absolute;top:50%;right:20px;width:8px;height:8px;background:#fff9;border-radius:50%;transform:translateY(-50%);z-index:2;animation:_pulse_1uwf0_1 2s infinite}@keyframes _pulse_1uwf0_1{0%,to{opacity:.6;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.2)}}._storyImage_1uwf0_158{width:100%;height:100%;object-fit:cover;object-position:center}._storyTextOverlay_1uwf0_210{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:60px 24px 24px;z-index:2}._playPauseButton_1uwf0_221{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0009;border:none;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:3;opacity:0;transition:opacity .3s ease}._storyImageContainer_1uwf0_158:hover ._playPauseButton_1uwf0_221{opacity:1}._playPauseButton_1uwf0_221:hover{background:#000c}._navigationControls_1uwf0_250{position:absolute;top:50%;left:0;right:0;display:flex;justify-content:space-between;padding:0 20px;z-index:3;pointer-events:none}._navButton_1uwf0_262{background:#000000b3;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;pointer-events:auto;opacity:.8;transition:all .3s ease}._storyImageContainer_1uwf0_158:hover ._navButton_1uwf0_262{opacity:1;transform:scale(1.1)}._navButton_1uwf0_262:hover{background:#000c;transform:scale(1.1)}._navButton_1uwf0_262:disabled{opacity:.3;cursor:not-allowed}._navButton_1uwf0_262:disabled:hover{background:#0009;transform:none}._storyTitle_1uwf0_298{font-size:28px;font-weight:900;color:#fff;line-height:1.2;margin:0 0 12px;text-shadow:0 2px 8px rgba(0,0,0,.8)}._storyText_1uwf0_210{font-size:18px;color:#ffffffe6;line-height:1.5;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.8);font-weight:500}._readTime_1uwf0_316{display:flex;align-items:center;gap:6px;color:#ffffff80;font-size:13px;font-weight:600}._blocksContainer_1uwf0_325{display:flex;flex-direction:column;gap:24px}._block_1uwf0_325{opacity:.4;transition:opacity .3s ease}._block_1uwf0_325._blockRead_1uwf0_336{opacity:1}._heading_1uwf0_341{font-size:26px;font-weight:800;color:#fff;margin:32px 0 16px;line-height:1.3}._paragraph_1uwf0_349{font-size:17px;color:#ffffffd9;line-height:1.7;margin:0 0 16px}._quote_1uwf0_356{position:relative;background:#6a79ff1a;border-left:4px solid #6a79ff;padding:24px 24px 24px 48px;border-radius:12px;margin:24px 0}._quoteIcon_1uwf0_365{position:absolute;top:16px;left:16px;font-size:48px;color:#6a79ff4d;line-height:1;font-family:Georgia,serif}._quote_1uwf0_356 p{font-size:18px;font-style:italic;color:#ffffffe6;margin:0;line-height:1.6}._list_1uwf0_383{list-style:none;padding:0;margin:16px 0;display:flex;flex-direction:column;gap:12px}._list_1uwf0_383 li{display:flex;gap:12px;font-size:16px;color:#ffffffd9;line-height:1.6}._list_1uwf0_383 li:before{content:"✓";display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#10b98133;color:#10b981;border-radius:50%;flex-shrink:0;font-weight:700;font-size:14px}._cta_1uwf0_415{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,#6a79ff,#a35aff);color:#fff;border-radius:12px;font-weight:700;font-size:16px;text-decoration:none;transition:all .3s;margin:16px 0;box-shadow:0 4px 12px #6a79ff66}._cta_1uwf0_415:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6a79ff99}._imageContainer_1uwf0_436{margin:24px 0;border-radius:12px;overflow:hidden}._image_1uwf0_436{width:100%;height:auto;display:block}._imageCaption_1uwf0_448{padding:12px;background:#ffffff0d;color:#ffffffb3;font-size:14px;font-style:italic;text-align:center;margin:0}._completeButton_1uwf0_458{padding:8px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px 12px #10b98166;transition:all .3s}._completeButton_1uwf0_458:disabled{background:#fff3;color:#fff9;cursor:not-allowed;box-shadow:none}._completeButton_1uwf0_458:hover{transform:translateY(-2px);box-shadow:0 12px 32px #10b98199}@keyframes _pulse_1uwf0_1{0%,to{box-shadow:0 8px 24px #10b98166}50%{box-shadow:0 8px 32px #10b981b3}}._progressIndicator_1uwf0_492{position:absolute;right:0;top:0;bottom:0;width:4px;background:#ffffff1a;z-index:2}._progressFill_1uwf0_136{width:100%;background:linear-gradient(180deg,#6a79ff,#10b981);transition:height .3s ease;box-shadow:0 0 8px #6a79ff99}._slideInfo_1uwf0_509{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;color:#fff9;font-size:13px;font-weight:600;z-index:3;background:linear-gradient(transparent,#05070df2);padding-top:40px}._readProgress_1uwf0_525{display:flex;align-items:center;gap:6px;background:#ffffff1a;padding:6px 12px;border-radius:16px}._episodesButton_1uwf0_534{width:54px;height:54px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#080c18a6;color:#f0f4ffe6;display:grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}._episodesButton_1uwf0_534:hover:not(:disabled){background:#0c101cd9;border-color:#ffffff47;transform:scale(1.08)}._episodesButton_1uwf0_534:active{transform:scale(.95)}._episodesButton_1uwf0_534:disabled{opacity:.5;cursor:not-allowed;transform:none}._reactionCluster_1uwf0_565{position:relative;display:flex;align-items:center}._reactionButton_1uwf0_571{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:8px 12px;display:flex;align-items:center;gap:6px;color:#fffc;cursor:pointer;transition:all .2s;font-size:14px}._reactionButton_1uwf0_571:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;transform:scale(1.05)}._reactionButton_1uwf0_571:disabled{opacity:.4;cursor:not-allowed}._reactionButtonActive_1uwf0_596{background:#ff3b3033;border-color:#ff3b3066;color:#ff3b30}._emojiReaction_1uwf0_602{font-size:16px;line-height:1}._reactionCount_1uwf0_607{background:#fff3;border-radius:10px;padding:2px 6px;font-size:12px;font-weight:600;min-width:18px;text-align:center}._completedBadge_1uwf0_617{position:absolute;top:24px;right:24px;display:flex;align-items:center;gap:8px;background:#10b98133;border:1px solid rgba(16,185,129,.4);color:#10b981;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:700;z-index:3;animation:_fadeIn_1uwf0_1 .5s ease-out}@keyframes _fadeIn_1uwf0_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}._errorState_1uwf0_640{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#fff9;text-align:center;padding:40px}._errorState_1uwf0_640 svg{color:#ef4444}._errorState_1uwf0_640 p{margin:0;font-size:16px}._storyFooter_1uwf0_662{position:absolute;bottom:0;left:0;right:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);padding:16px 20px;z-index:10}._footerActions_1uwf0_674{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}._actionButton_1uwf0_682{background:#ffffff1a;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fffc;cursor:pointer;transition:all .2s}._actionButton_1uwf0_682:hover{background:#fff3;color:#fff;transform:scale(1.05)}._footerInfo_1uwf0_702{display:flex;align-items:center;justify-content:space-between;gap:16px}._storyCounter_1uwf0_709{font-size:13px;color:#fff9;font-weight:600}._readProgress_1uwf0_525{display:flex;align-items:center;gap:6px;background:#ffffff1a;padding:6px 12px;border-radius:16px;font-size:12px;color:#fffc}@media (max-width: 640px){._storyContent_1uwf0_728{padding:20px 20px 40px}._storyHeader_1uwf0_31,._storyFooter_1uwf0_662{padding:12px 16px}._storyTitle_1uwf0_298{font-size:26px}._storySubtitle_1uwf0_744{font-size:16px}._heading_1uwf0_341{font-size:22px}._paragraph_1uwf0_349,._quote_1uwf0_356 p{font-size:16px}._footerActions_1uwf0_674{gap:12px}._actionButton_1uwf0_682{width:36px;height:36px}}._slide_1qrcn_1{height:calc(var(--vh, 1vh) * 100);scroll-snap-align:start;display:flex;background:linear-gradient(135deg,#1e1535,#0a0712);position:relative}._lockedOverlay_1qrcn_17{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000d9;z-index:10;color:#ffffffb3;gap:16px;padding:40px;text-align:center}._scenarioContainer_1qrcn_47{flex:1;display:flex;flex-direction:column;padding:24px;overflow-y:auto;scrollbar-width:none}._scenarioContainer_1qrcn_47::-webkit-scrollbar{display:none}._scenarioProgress_1qrcn_73{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}._progressBar_1qrcn_87{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}._progressFillHorizontal_1qrcn_103{height:100%;background:linear-gradient(90deg,#a35aff,#f093fb);transition:width .5s ease;box-shadow:0 0 12px #a35aff99}._progressText_1qrcn_117{color:#fff9;font-size:13px;font-weight:600;text-align:center}._stepContent_1qrcn_131{flex:1;display:flex;flex-direction:column;gap:24px;max-width:600px;margin:0 auto;width:100%}._stepMedia_1qrcn_151{width:100%;border-radius:16px;overflow:hidden;background:#0000004d}._stepMedia_1qrcn_151 img,._stepMedia_1qrcn_151 video{width:100%;height:auto;display:block}._stepTitle_1qrcn_179{font-size:26px;font-weight:800;color:#fff;line-height:1.3;margin:0}._stepBody_1qrcn_195{font-size:17px;color:#fffc;line-height:1.6;margin:0}._choicesPrompt_1qrcn_209{color:#ffffffb3;font-size:15px;font-weight:600;margin:8px 0}._choicesContainer_1qrcn_223{display:flex;flex-direction:column;gap:12px}._choice_1qrcn_209{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;background:linear-gradient(135deg,#a35aff1a,#6a79ff1a);border:2px solid rgba(163,90,255,.3);border-radius:16px;color:#fff;font-size:16px;font-weight:600;text-align:left;cursor:pointer;transition:all .3s}._choice_1qrcn_209:hover{background:linear-gradient(135deg,#a35aff33,#6a79ff33);border-color:#a35aff80;transform:translate(4px);box-shadow:0 4px 16px #a35aff4d}._choiceText_1qrcn_283{flex:1;line-height:1.5}._feedbackContainer_1qrcn_293{display:flex;flex-direction:column;gap:16px;animation:_fadeIn_1qrcn_1 .4s ease-out}@keyframes _fadeIn_1qrcn_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}._feedback_1qrcn_293{padding:24px;border-radius:16px;display:flex;flex-direction:column;gap:16px}._feedbackPositive_1qrcn_345{background:#10b98126;border:2px solid rgba(16,185,129,.4)}._feedbackNegative_1qrcn_355{background:#f59e0b26;border:2px solid rgba(245,158,11,.4)}._feedbackHeader_1qrcn_365{display:flex;align-items:center;gap:12px}._feedbackIcon_1qrcn_377{font-size:32px}._feedbackScore_1qrcn_385{font-size:20px;font-weight:700;color:#fff}._feedbackText_1qrcn_397{color:#ffffffe6;font-size:16px;line-height:1.6;margin:0}._continueButton_1qrcn_411{width:100%;padding:18px;background:linear-gradient(135deg,#a35aff,#6a79ff);color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 8px 24px #a35aff66}._continueButton_1qrcn_411:hover{transform:translateY(-2px);box-shadow:0 12px 32px #a35aff99}._scoreIndicator_1qrcn_449{position:absolute;top:24px;right:24px;display:flex;align-items:center;gap:8px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.2);color:#fbbf24;font-size:15px;font-weight:700;z-index:3}._slideInfo_1qrcn_485{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;color:#fff9;font-size:13px;font-weight:600;z-index:3}._detailsBtn_1qrcn_513{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fffc;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}._detailsBtn_1qrcn_513:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}._resultsContainer_1qrcn_549{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;gap:32px;animation:_fadeIn_1qrcn_1 .5s ease-out}._resultsIcon_1qrcn_573{width:80px;height:80px;color:#a35aff;animation:_scaleIn_1qrcn_1 .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes _scaleIn_1qrcn_1{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}._resultsTitle_1qrcn_597{font-size:32px;font-weight:900;color:#fff;margin:0}._scoreCard_1qrcn_611{background:linear-gradient(135deg,#a35aff33,#6a79ff33);border:2px solid rgba(163,90,255,.4);border-radius:20px;padding:24px;width:100%;max-width:400px}._scoreBadge_1qrcn_629{display:flex;flex-direction:column;gap:8px;align-items:center;margin-bottom:16px}._scoreLabel_1qrcn_645{font-size:14px;color:#ffffffb3;font-weight:600;text-transform:uppercase;letter-spacing:1px}._scoreValue_1qrcn_661{font-size:48px;font-weight:900;color:#fff;text-shadow:0 2px 12px rgba(163,90,255,.6)}._scoreDetails_1qrcn_675{display:flex;flex-direction:column;gap:8px;color:#ffffffb3;font-size:14px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}._resultsActions_1qrcn_695{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px}._retryButton_1qrcn_711,._completeButton_1qrcn_713{padding:16px 32px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;border:none}._retryButton_1qrcn_711{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}._retryButton_1qrcn_711:hover{background:#ffffff26;border-color:#ffffff4d}._completeButton_1qrcn_713{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b98166}._completeButton_1qrcn_713:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98199}._errorState_1qrcn_777{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#fff9;text-align:center;padding:40px}._errorState_1qrcn_777 svg{color:#ef4444}@media (max-width: 640px){._scenarioContainer_1qrcn_47{padding:16px}._stepTitle_1qrcn_179{font-size:22px}._stepBody_1qrcn_195{font-size:15px}._choice_1qrcn_209{padding:16px 20px;font-size:15px}._resultsTitle_1qrcn_597{font-size:26px}._scoreValue_1qrcn_661{font-size:40px}}._slide_1mqzd_1{height:calc(var(--vh, 1vh) * 100);scroll-snap-align:start;display:flex;background:linear-gradient(135deg,#1a1535,#0a0615);position:relative}._lockedOverlay_1mqzd_17{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000d9;z-index:10;color:#ffffffb3;gap:16px;padding:40px;text-align:center}._audioContainer_1mqzd_47{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px 120px}._visualizer_1mqzd_65{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:200px;width:100%;max-width:400px;margin-bottom:60px}._visualizerBar_1mqzd_87{flex:1;background:linear-gradient(180deg,#f093fb,#a35aff,#6a79ff);border-radius:4px;transition:height .1s ease;opacity:.6}._visualizerBar_1mqzd_87._animating_1mqzd_103{animation:_barPulse_1mqzd_1 1.2s ease-in-out infinite}@keyframes _barPulse_1mqzd_1{0%,to{height:var(--initial-height, 30%);opacity:.6}50%{height:calc(var(--initial-height, 30%) * 1.5);opacity:1}}._playerControls_1mqzd_133{width:100%;max-width:500px}._lessonInfo_1mqzd_143{text-align:center;margin-bottom:32px}._audioTitle_1mqzd_153{font-size:28px;font-weight:800;color:#fff;margin:0 0 8px;line-height:1.3}._audioSubtitle_1mqzd_169{font-size:16px;color:#ffffffb3;margin:0}._progressContainer_1mqzd_181{cursor:pointer;margin-bottom:32px}._progressBar_1mqzd_191{position:relative;width:100%;height:6px;background:#fff3;border-radius:3px;overflow:visible;margin-bottom:8px}._progressFill_1mqzd_211{height:100%;background:linear-gradient(90deg,#f093fb,#a35aff,#6a79ff);border-radius:3px;transition:width .1s linear;box-shadow:0 0 12px #a35aff99}._progressHandle_1mqzd_227{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0006;transition:left .1s linear;cursor:grab}._progressHandle_1mqzd_227:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.2)}._timeLabels_1mqzd_263{display:flex;justify-content:space-between;font-size:13px;color:#fff9;font-weight:600}._controls_1mqzd_279{display:flex;align-items:center;justify-content:center;gap:20px}._playButton_1mqzd_293{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#f093fb,#a35aff);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;box-shadow:0 8px 24px #a35aff80}._playButton_1mqzd_293:hover:not(:disabled){transform:scale(1.05);box-shadow:0 12px 32px #a35affb3}._playButton_1mqzd_293:active{transform:scale(.95)}._playButton_1mqzd_293:disabled{opacity:.5;cursor:not-allowed}._seekButton_1mqzd_351,._volumeButton_1mqzd_353{width:48px;height:48px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fffc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;position:relative}._seekButton_1mqzd_351 span{position:absolute;bottom:4px;font-size:10px;font-weight:700}._seekButton_1mqzd_351:hover:not(:disabled),._volumeButton_1mqzd_353:hover{background:#ffffff26;border-color:#ffffff4d;transform:scale(1.05)}._seekButton_1mqzd_351:disabled{opacity:.4;cursor:not-allowed}._transcript_1mqzd_421{margin-top:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px}._transcript_1mqzd_421 summary{color:#fffc;font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px}._transcript_1mqzd_421 summary::-webkit-details-marker{display:none}._transcript_1mqzd_421 summary:before{content:"▶";font-size:12px;transition:transform .2s}._transcript_1mqzd_421[open] summary:before{transform:rotate(90deg)}._transcript_1mqzd_421 p{margin:16px 0 0;color:#ffffffb3;line-height:1.6;font-size:15px}._slideInfo_1mqzd_499{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;color:#fff9;font-size:13px;font-weight:600;z-index:3}._detailsBtn_1mqzd_527{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fffc;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}._detailsBtn_1mqzd_527:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}._completedBadge_1mqzd_561{position:absolute;top:24px;right:24px;display:flex;align-items:center;gap:8px;background:#10b98133;border:1px solid rgba(16,185,129,.4);color:#10b981;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:700;z-index:3}._errorState_1mqzd_595{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#fff9;text-align:center;padding:40px}._errorState_1mqzd_595 svg{color:#ef4444}@media (max-width: 640px){._audioContainer_1mqzd_47{padding:32px 20px 100px}._visualizer_1mqzd_65{height:150px;margin-bottom:40px}._audioTitle_1mqzd_153{font-size:24px}._playButton_1mqzd_293{width:64px;height:64px}._controls_1mqzd_279{gap:12px}._seekButton_1mqzd_351,._volumeButton_1mqzd_353{width:44px;height:44px}}.ai-chat-container{display:flex;flex-direction:column;height:100vh;height:calc(var(--vh, 1vh) * 100);background:#000;position:relative}.chat-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#00d4aa,#008cff);color:#fff;box-shadow:0 2px 10px #0000004d;z-index:10}.chat-avatar{width:48px;height:48px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-avatar svg{color:#fff}.chat-info{flex:1}.chat-info h3{margin:0;font-size:1.1rem;font-weight:600;color:#fff}.chat-info p{margin:0;font-size:.85rem;opacity:.9}.typing-status{font-style:italic;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.online-status{opacity:.9}.chat-score{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.score-label{font-size:.75rem;opacity:.9}.interaction-count{font-size:.7rem;opacity:.7}.score-value{font-size:1.3rem;font-weight:700}.chat-messages{flex:1;overflow-y:auto;padding:1.5rem;background:#000;display:flex;flex-direction:column;gap:1rem}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#ffffff0d}.chat-messages::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.message{display:flex;flex-direction:column;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{align-items:flex-end}.ai-message{align-items:flex-start}.message-bubble{max-width:75%;padding:.875rem 1.25rem;border-radius:18px;font-size:.95rem;line-height:1.5;word-wrap:break-word;white-space:pre-wrap}.user-message .message-bubble{background:linear-gradient(135deg,#00d4aa,#008cff);color:#fff;border-bottom-right-radius:4px;box-shadow:0 2px 8px #00d4aa4d}.ai-message .message-bubble{background:#ffffff14;color:#fff;border-bottom-left-radius:4px;border:1px solid rgba(255,255,255,.1)}.message-time{font-size:.75rem;color:#ffffff80;margin-top:.25rem;padding:0 .5rem}.typing-indicator{display:flex;gap:.4rem;padding:1rem 1.5rem;align-items:center}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#fff9;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.6}30%{transform:translateY(-10px);opacity:1}}.conversation-continuation{padding:.75rem 1rem;text-align:center}.continuation-indicator{display:inline-flex;align-items:center;gap:.5rem;background:#00d4aa1a;color:#00d4aa;padding:.5rem 1rem;border-radius:1rem;font-size:.8rem;font-weight:500;border:1px solid rgba(0,212,170,.2)}.continuation-indicator svg{color:#00d4aa}.conversation-completed-indicator{padding:1rem;text-align:center}.completion-badge{display:inline-flex;align-items:center;gap:.5rem;background:#22c55e1a;color:#22c55e;padding:.75rem 1.25rem;border-radius:1rem;font-size:.9rem;font-weight:500;border:1px solid rgba(34,197,94,.2);box-shadow:0 2px 8px #22c55e1a}.completion-badge svg{color:#22c55e;flex-shrink:0}.view-evaluation-btn{display:inline-flex;align-items:center;gap:.5rem;background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2);border-radius:.75rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:.75rem}.view-evaluation-btn:hover{background:#3b82f633;border-color:#3b82f64d;transform:translateY(-1px)}.view-evaluation-btn svg{color:#3b82f6;flex-shrink:0}.suggested-messages{background:#ffffff08;border-top:1px solid rgba(255,255,255,.08);padding:1rem 1.5rem .5rem}.suggested-messages-label{font-size:.85rem;color:#ffffffb3;margin-bottom:.75rem;font-weight:500;text-align:center}.suggested-messages-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.suggested-message-btn{background:linear-gradient(135deg,#00d4aa,#008cff);border:none;border-radius:20px;padding:.75rem 1.25rem;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:left;position:relative;overflow:hidden}.suggested-message-btn: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}.suggested-message-btn:hover:before{left:100%}.suggested-message-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00d4aa4d}.suggested-message-btn:active{transform:translateY(0)}.suggested-message-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.suggested-message-btn:disabled:before{display:none}.suggested-message-btn.primary{background:linear-gradient(135deg,#00d4aa,#008cff);font-size:1rem;font-weight:600;padding:1rem 1.5rem;box-shadow:0 4px 15px #00d4aa4d}.suggested-message-btn.primary:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00d4aa66}.chat-input-container{background:#ffffff0d;border-top:1px solid rgba(255,255,255,.1);padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.interaction-counter{text-align:center;font-size:.85rem;color:#fff9;font-weight:500}.input-wrapper{display:flex;gap:.75rem;align-items:center}.chat-input{flex:1;padding:.875rem 1.25rem;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:25px;color:#fff;font-size:.95rem;outline:none;transition:all .3s ease}.chat-input:focus{background:#ffffff1f;border-color:#00d4aa80;box-shadow:0 0 0 3px #00d4aa1a}.chat-input::placeholder{color:#fff6}.chat-input:disabled{opacity:.5;cursor:not-allowed}.send-button{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#00d4aa,#008cff);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.send-button:hover:not(:disabled){transform:scale(1.1);box-shadow:0 8px 25px #00d4aa66}.send-button:disabled{opacity:.5;cursor:not-allowed;transform:scale(1)}.send-button svg{color:#fff}.ai-chat-locked,.ai-chat-error,.chat-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1.5rem;padding:2rem;text-align:center}.locked-content svg{color:#ffffff4d}.ai-chat-locked h3,.ai-chat-error p{color:#fff;margin:0}.ai-chat-locked p{color:#ffffffb3;margin:0}.chat-error-message{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:12px;padding:1rem;margin:1rem 0;display:flex;align-items:center;gap:.75rem;color:#ff6b6b}.chat-error-message svg{flex-shrink:0}.message-feedback{margin-top:.75rem;padding:.75rem;background:#ffffff0d;border-radius:12px;border-left:3px solid rgba(0,212,170,.3)}.feedback-item{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.feedback-item:last-child{margin-bottom:0}.feedback-icon{font-size:1rem;flex-shrink:0;margin-top:.1rem}.feedback-text{font-size:.875rem;line-height:1.4;color:#ffffffe6}.feedback-item.positive{color:#4ade80}.feedback-item.improvement{color:#fbbf24}.feedback-item.next-step{color:#60a5fa}.evaluation-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.evaluation-modal{background:linear-gradient(135deg,#141414f2,#1e1e1ef2);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2.5rem;max-width:500px;width:90%;box-shadow:0 20px 60px #00000080;animation:scaleIn .3s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.evaluation-header{position:relative;display:flex;align-items:center;justify-content:center}.evaluation-header h2{color:#fff;margin:0 0 2rem;text-align:center;font-size:1.75rem;font-weight:700;flex:1}.close-modal-btn{position:absolute;top:-1rem;right:-1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#ffffffb3;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.close-modal-btn:hover{background:#fff3;color:#fff;transform:scale(1.1)}.close-modal-btn svg{width:20px;height:20px}.evaluation-score-main{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:2rem}.score-circle{position:relative;width:180px;height:180px}.score-ring{width:100%;height:100%;transform:rotate(-90deg)}.score-ring-bg{fill:none;stroke:#ffffff1a;stroke-width:8}.score-ring-fill{fill:none;stroke:url(#scoreGradient);stroke-width:8;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283;transition:stroke-dashoffset 1s ease}.score-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-number{font-size:3.5rem;font-weight:800;color:#fff;line-height:1}.score-max{font-size:1.5rem;color:#fff9}.evaluation-result{font-size:1.5rem;font-weight:700;padding:.75rem 2rem;border-radius:50px;text-align:center}.evaluation-result.passed{background:#10b98133;color:#10b981;border:2px solid rgba(16,185,129,.4)}.evaluation-result.failed{background:#ef444433;color:#ef4444;border:2px solid rgba(239,68,68,.4)}.evaluation-feedback{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}.evaluation-feedback p{color:#ffffffe6;line-height:1.6;margin:0;text-align:center}.xp-earned{display:flex;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(135deg,#8b5cf633,#3b82f633);border:1px solid rgba(139,92,246,.3);border-radius:50px;padding:1rem 2rem;font-size:1.25rem;font-weight:700;color:#a78bfa;margin-bottom:1.5rem}.xp-earned svg{color:#a78bfa}.retry-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.retry-info{text-align:center}.retry-message{color:#ffffffe6;margin:0 0 .75rem;font-size:1rem;font-weight:500}.retry-message strong{color:#fff;font-weight:700}.retry-hint{color:#ffffffb3;margin:0 0 1.5rem;font-size:.9rem;line-height:1.5}.retry-button{width:100%;padding:1rem;background:linear-gradient(135deg,#00d4aa,#008cff);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.retry-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}.retry-button:hover:before{left:100%}.retry-button.secondary{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);color:#ffffffe6}.retry-button.secondary:hover{background:linear-gradient(135deg,#ffffff26,#ffffff1a);border-color:#ffffff4d;box-shadow:0 8px 25px #ffffff1a}.retry-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.retry-button:disabled:hover{transform:none;box-shadow:none}.retry-count{color:#ffffffb3;margin:.75rem 0 0;font-size:.85rem;font-weight:500}.retry-limit{color:#fbbf24;margin:.75rem 0 0;font-size:.9rem;font-weight:600;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;padding:.75rem}.chat-loading{color:#fff}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:#00d4aa;border-radius:50%;animation:spin 1s linear infinite}.chat-loading p{color:#ffffffb3;margin:0}@media (max-width: 768px){.chat-header{padding:.875rem 1rem}.chat-avatar{width:40px;height:40px}.chat-avatar svg{width:24px;height:24px}.chat-info h3{font-size:1rem}.chat-info p{font-size:.8rem}.chat-score{font-size:.9rem}.score-value{font-size:1.1rem}.chat-messages{padding:1rem}.message-bubble{max-width:85%;font-size:.9rem;padding:.75rem 1rem}.chat-input-container{padding:.875rem 1rem}.send-button{width:44px;height:44px}.evaluation-modal{padding:2rem;width:95%}.score-circle{width:150px;height:150px}.score-number{font-size:3rem}}svg defs{display:none}._xpBadge_1uwj1_1{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;pointer-events:none;animation:_xpFloat_1uwj1_1 2.5s ease-out forwards}._xpContent_1uwj1_11{background:linear-gradient(135deg,#00d4aa,#008cff);color:#fff;padding:2rem 3rem;border-radius:24px;box-shadow:0 15px 50px #00d4aa99,0 0 0 1px #fff3 inset;display:flex;align-items:center;gap:1.5rem;animation:_xpPop_1uwj1_1 .6s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._xpIconWrapper_1uwj1_26{position:relative;width:60px;height:60px}._xpIcon_1uwj1_26{width:100%;height:100%;animation:_xpSpin_1uwj1_1 .8s ease-out;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}._xpPulse_1uwj1_39{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background:#ffffff4d;animation:_xpPulseRing_1uwj1_1 1.5s cubic-bezier(.215,.61,.355,1) infinite}._xpText_1uwj1_51{display:flex;flex-direction:column;gap:4px}._xpLabel_1uwj1_57{font-size:.9rem;opacity:.9;font-weight:500;text-transform:uppercase;letter-spacing:1px}._xpValue_1uwj1_65{font-size:2.5rem;font-weight:900;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.2)}@keyframes _xpFloat_1uwj1_1{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}85%{opacity:1;transform:translate(-50%,-55%) scale(1)}to{opacity:0;transform:translate(-50%,-75%) scale(.9)}}@keyframes _xpPop_1uwj1_1{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.1)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes _xpSpin_1uwj1_1{0%{transform:rotate(0) scale(.3);opacity:0}60%{transform:rotate(360deg) scale(1.15);opacity:1}to{transform:rotate(360deg) scale(1);opacity:1}}@keyframes _xpPulseRing_1uwj1_1{0%{transform:translate(-50%,-50%) scale(.8);opacity:.6}to{transform:translate(-50%,-50%) scale(2);opacity:0}}._levelUpBadge_1uwj1_135{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10001;pointer-events:none;animation:_levelUpFloat_1uwj1_1 3s ease-out forwards}._levelUpContent_1uwj1_145{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:2rem 3rem;border-radius:25px;font-size:3rem;font-weight:900;box-shadow:0 15px 50px #f5576c99;text-align:center;animation:_levelUpPulse_1uwj1_1 .8s ease-out}._levelUpTitle_1uwj1_157{font-size:1.5rem;margin-bottom:.5rem;opacity:.9}._levelUpNumber_1uwj1_163{font-size:4rem;text-shadow:0 5px 15px rgba(0,0,0,.3)}@keyframes _levelUpFloat_1uwj1_1{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-10deg)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.15) rotate(5deg)}25%{transform:translate(-50%,-50%) scale(1) rotate(0)}75%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-70%) scale(.8) rotate(0)}}@keyframes _levelUpPulse_1uwj1_1{0%,to{transform:scale(1)}33%{transform:scale(1.1)}66%{transform:scale(.95)}}._confettiContainer_1f9hp_1{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden}._confettiPiece_1f9hp_9{position:absolute;width:10px;height:10px;opacity:0;animation:_confettiFall_1f9hp_1 var(--duration) ease-out forwards;animation-delay:var(--delay)}@keyframes _confettiFall_1f9hp_1{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(100vh) rotate(720deg)}}@keyframes _shimmer_1j1v3_1{0%{background-position:-1000px 0}to{background-position:1000px 0}}._skeleton_1j1v3_19{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:1000px 100%;animation:_shimmer_1j1v3_1 2s infinite;border-radius:8px}._skeletonFeed_1j1v3_43{width:100%;height:100vh;max-height:calc(var(--vh, 1vh) * 100);position:relative;background:#0a0a0a;overflow:hidden}._skeletonVideo_1j1v3_61{width:100%;height:70%;border-radius:0}._skeletonInfo_1j1v3_73{position:absolute;bottom:80px;left:20px;right:80px}._skeletonText_1j1v3_87{height:20px;margin-bottom:8px;border-radius:4px}._skeletonTextShort_1j1v3_99{width:60%}._skeletonActions_1j1v3_107{position:absolute;right:20px;bottom:100px;display:flex;flex-direction:column;gap:24px;align-items:center}._skeletonCircle_1j1v3_127{width:48px;height:48px;border-radius:50%}._skeletonProgressBar_1j1v3_139{position:absolute;bottom:0;left:0;right:0;height:3px}._skeletonProfile_1j1v3_157{padding:24px;max-width:800px;margin:0 auto}._skeletonCard_1j1v3_169{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;margin-bottom:24px}._skeletonAvatar_1j1v3_185{width:100px;height:100px;border-radius:50%;margin:0 auto 24px}._skeletonStatsGrid_1j1v3_199{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-top:24px}._skeletonStatCard_1j1v3_213{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;text-align:center}._skeletonStatValue_1j1v3_229{width:60%;height:36px;margin:0 auto 12px;border-radius:6px}._skeletonStatLabel_1j1v3_243{width:80%;height:16px;margin:0 auto;border-radius:4px}._skeletonCourseList_1j1v3_259{padding:20px}._skeletonCourseItem_1j1v3_267{display:flex;gap:16px;padding:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px;margin-bottom:12px}._skeletonThumbnail_1j1v3_287{width:120px;height:80px;border-radius:8px;flex-shrink:0}._skeletonCourseInfo_1j1v3_301{flex:1;display:flex;flex-direction:column;gap:8px}._skeletonTitle_1j1v3_315{width:70%;height:18px;border-radius:4px}._skeletonSubtitle_1j1v3_327{width:50%;height:14px;border-radius:4px}._skeletonMeta_1j1v3_339{display:flex;gap:12px;margin-top:auto}._skeletonMetaItem_1j1v3_351{width:60px;height:12px;border-radius:4px}.minimal-back-button{position:fixed;top:20px;left:20px;z-index:1000;width:44px;height:44px;border-radius:22px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.minimal-back-button:hover{background:#000000b3;transform:scale(1.05)}.minimal-back-button:active{transform:scale(.95)}@media (max-width: 768px){.minimal-back-button{top:15px;left:15px;width:40px;height:40px;border-radius:20px}}@media (max-width: 480px){.minimal-back-button{top:12px;left:12px;width:36px;height:36px;border-radius:18px}}.course-container{min-height:100vh;background:#05070f;color:#e6ecff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.course-loading,.course-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;padding:2rem;text-align:center}.course-loading .spinner{width:48px;height:48px;border:4px solid rgba(0,212,170,.2);border-top-color:#00d4aa;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.course-error p{color:#ff6b6b;font-size:1rem}.course-error button{margin-top:1rem;padding:.75rem 1.5rem;background:#00d4aa;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.course-error button:hover{background:#00b894}.course-hero{position:relative;overflow:hidden}.course-back{position:absolute;top:24px;left:24px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#05091499;color:inherit;font-weight:600}.course-hero-media{height:220px;background-size:cover;background-position:center;filter:brightness(.6)}.course-hero-overlay{padding:24px;margin-top:-120px;position:relative;z-index:1;background:linear-gradient(180deg,#050914cc,#050914fa 60%,#05070f);border-bottom:1px solid rgba(255,255,255,.08)}.course-hero-tags{display:flex;gap:12px;margin-bottom:12px}.course-hero-tags span{padding:6px 12px;border-radius:999px;background:#ffffff1a;font-size:12px;font-weight:600}.course-hero h1{margin:0;font-size:28px}.course-hero p{margin-top:8px;color:#a5adc6}.course-hero-stats{margin-top:16px;display:flex;gap:16px;font-size:13px;color:#a5adc6}.course-tabs{display:flex;gap:24px;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.course-tabs button{background:none;border:none;color:#a5adc6;font-weight:600;font-size:15px;padding:8px 4px;cursor:pointer;position:relative;transition:color .2s}.course-tabs button:hover{color:#c7d0f5}.course-tabs button.active{color:#fff}.course-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-16px;height:3px;border-radius:999px;background:linear-gradient(135deg,#00d4aa,#008cff);box-shadow:0 2px 8px #00d4aa66}.course-description{padding:24px;display:flex;flex-direction:column;gap:16px;color:#c7d0f5}.course-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:#8b95b7}.course-lessons{padding:24px;display:flex;flex-direction:column;gap:16px}.course-lesson{display:flex;gap:16px;padding:16px;background:#0c101cf2;border-radius:18px;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.course-lesson:hover{border-color:#00d4aa66;background:#0c101c;transform:translateY(-2px);box-shadow:0 8px 24px #00d4aa33}.course-lesson:active{transform:translateY(0)}.course-lesson img{width:120px;height:80px;border-radius:12px;object-fit:cover}.course-lesson-body{flex:1;display:flex;flex-direction:column;gap:8px}.course-lesson-header{display:flex;justify-content:space-between;gap:12px}.course-lesson-header h3{margin:0;font-size:18px}.status{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:#ffffff1f}.status-available{color:#5adcf0}.status-locked{color:#f07a7a}.status-checkpoint{color:#f0a65a}.course-lesson-subtitle{margin:0;color:#9aa5c4}.course-lesson-meta{display:flex;gap:16px;font-size:13px;color:#8b95b7}.course-lesson-summary{margin:0;color:#c7d0f5;line-height:1.4}.course-footer{padding:24px;text-align:center}.course-footer a{color:#5a6df0;font-weight:600}.course-error{max-width:360px;margin:120px auto;text-align:center;display:flex;flex-direction:column;gap:16px}.course-error button{border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#0c101ccc;color:inherit;padding:10px 18px;font-weight:600}@media (max-width: 768px){.course-lesson{flex-direction:row;align-items:center;padding:12px}.course-lesson img{width:92px;height:64px}.course-lesson-body{gap:6px}.course-lesson-summary{display:none}.course-lesson-header h3{font-size:16px}.course-lesson-meta{font-size:12px}}@media (max-width: 768px){.course-lesson-subtitle,.course-lesson-meta,.course-lesson-summary{display:none}.course-lesson-body{gap:4px}}.course-lesson-header{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}.course-lesson-header .status{margin-top:.15rem}@media (min-width: 1024px){.course-lesson-header{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.course-lesson-header .status{margin-top:0}}.course-actions{padding:24px;background:#0c101c99;border-bottom:1px solid rgba(255,255,255,.06)}.continue-button{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px;transition:all .3s;box-shadow:0 4px 12px #667eea4d}.continue-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.continue-button:active{transform:translateY(0)}.course-filters{display:flex;flex-direction:column;gap:12px}.search-box{position:relative;display:flex;align-items:center;gap:12px;background:#0c101ccc;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;transition:all .2s}.search-box:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.search-box svg{color:#fff6;flex-shrink:0}.search-box input{flex:1;border:none;background:none;outline:none;font-size:15px;color:#e6ecff}.search-box input::placeholder{color:#fff6}.clear-search{background:#ffffff1a;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff9;transition:all .2s}.clear-search:hover{background:#fff3;color:#ffffffe6}.filter-buttons{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.filter-buttons::-webkit-scrollbar{display:none}.filter-btn{background:#0c101ccc;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500;color:#e6ecff;cursor:pointer;white-space:nowrap;transition:all .2s}.filter-btn:hover{border-color:#667eea;background:#667eea33}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 2px 8px #667eea66}.no-lessons-found{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;gap:16px;color:#fff9}.no-lessons-found svg{color:#ffffff4d}.no-lessons-found p{font-size:16px;max-width:300px;margin:0}.no-lessons-found button{background:#667eea;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.no-lessons-found button:hover{background:#5a67d8;transform:translateY(-2px)}.course-about{padding:24px;display:flex;flex-direction:column;gap:32px}.about-section{background:#0c101c99;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px}.about-section h2{margin:0 0 16px;font-size:22px;font-weight:700;color:#fff}.about-section h3{margin:0 0 20px;font-size:18px;font-weight:700;color:#fff}.about-section p{margin:0;color:#c7d0f5;line-height:1.7;font-size:15px}.course-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.meta-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#0000004d;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:all .3s}.meta-item:hover{border-color:#00d4aa4d;background:#00d4aa0d;transform:translateY(-2px)}.meta-item svg{color:#00d4aa;flex-shrink:0;margin-top:2px}.meta-item>div{display:flex;flex-direction:column;gap:4px}.meta-label{font-size:12px;color:#8b95b7;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.meta-value{font-size:15px;color:#e6ecff;font-weight:600}.progress-stats{display:flex;flex-direction:column;gap:24px}.progress-item{display:flex;flex-direction:column;gap:8px}.progress-label{font-size:14px;color:#a5adc6;font-weight:600}.progress-bar-container{height:12px;background:#0000004d;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.progress-bar-fill{height:100%;background:linear-gradient(135deg,#00d4aa,#008cff);border-radius:6px;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #00d4aa80;position:relative;overflow:hidden}.progress-bar-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShine 2s ease-in-out infinite}.progress-value{font-size:13px;color:#00d4aa;font-weight:700}@media (max-width: 768px){.course-meta-grid{grid-template-columns:1fr}.course-about{padding:16px}.about-section{padding:20px 16px}}.course-preview-wrapper{min-height:100vh;background:#000}.preview-banner{position:fixed;top:0;left:0;right:0;z-index:1000;background:linear-gradient(135deg,#8b5cf6f2,#6366f1f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #8b5cf64d}.preview-banner-content{max-width:1400px;margin:0 auto;padding:.875rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.preview-info{display:flex;align-items:center;gap:1rem}.preview-info svg{color:#fff;flex-shrink:0}.preview-label{color:#fff;font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;padding-right:1rem;border-right:1px solid rgba(255,255,255,.3)}.preview-description{color:#ffffffe6;font-size:.9rem}.exit-preview-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.exit-preview-btn:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.exit-preview-btn svg{width:18px;height:18px}.preview-content{padding-top:70px}@media (max-width: 768px){.preview-banner-content{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.preview-info{flex-direction:column;align-items:flex-start;gap:.5rem}.preview-label{padding-right:0;border-right:none;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.3);width:100%}.preview-description{font-size:.85rem}.exit-preview-btn{width:100%;justify-content:center}.preview-content{padding-top:150px}}@media (max-width: 480px){.preview-info svg{width:18px;height:18px}.preview-label{font-size:.85rem}.preview-description{font-size:.8rem}}.admin-dashboard{position:relative;min-height:100vh;background:#000;color:#fff;padding:2rem;overflow-x:hidden}.dashboard-bg-effects{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.15;animation:orbFloat 30s ease-in-out infinite}.orb-1{width:600px;height:600px;background:radial-gradient(circle,#00d4aa,transparent);top:-200px;right:-100px}.orb-2{width:500px;height:500px;background:radial-gradient(circle,#008cff,transparent);bottom:-150px;left:-100px;animation-delay:-15s}@keyframes orbFloat{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(50px,-50px) rotate(120deg)}66%{transform:translate(-30px,30px) rotate(240deg)}}.grid-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,212,170,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,170,.03) 1px,transparent 1px);background-size:50px 50px;opacity:.5}.dashboard-header{position:relative;z-index:1;margin-bottom:3rem;padding:3rem;background:#ffffff05;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.05);border-radius:24px;overflow:hidden}.header-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.header-text{flex:1}.welcome-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.6rem 1.25rem;border-radius:50px;background:#00d4aa14;border:1px solid rgba(0,212,170,.2);font-size:.85rem;font-weight:600;color:#ffffffe6;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge-dot{width:8px;height:8px;border-radius:50%;background:#00d4aa;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #00d4aab3}50%{opacity:.7;box-shadow:0 0 0 10px #00d4aa00}}.dashboard-header h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:.75rem;letter-spacing:-1px;color:#fffffff2}.name-highlight{background:linear-gradient(135deg,#00d4aa,#008cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-header p{font-size:1.1rem;color:#fff9;font-weight:400}.header-decoration{display:flex;gap:1rem;position:relative}.floating-circle{width:80px;height:80px;border-radius:50%;background:#00d4aa0d;border:1px solid rgba(0,212,170,.1);animation:floatCircle 6s ease-in-out infinite}.floating-circle:nth-child(2){animation-delay:-2s;background:#008cff0d;border-color:#008cff1a}.floating-circle:nth-child(3){animation-delay:-4s;background:#a855f70d;border-color:#a855f71a}@keyframes floatCircle{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.stats-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{position:relative;background:#ffffff05;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;cursor:pointer}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--card-color),transparent);opacity:0;transition:opacity .4s}.stat-card:hover{transform:translateY(-8px);border-color:#00d4aa33;box-shadow:0 20px 60px #00d4aa26}.stat-card-inner{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:1}.stat-icon-wrapper{position:relative}.stat-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#00d4aa14;border:1px solid rgba(0,212,170,.2);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.stat-card:hover .stat-icon{transform:rotate(-5deg) scale(1.1);background:#00d4aa1f;border-color:#00d4aa4d}.stat-icon svg{color:#00d4aa;filter:drop-shadow(0 4px 12px rgba(0,212,170,.4));transition:filter .4s}.stat-card:hover .stat-icon svg{filter:drop-shadow(0 8px 24px rgba(0,212,170,.6))}.icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:radial-gradient(circle,rgba(0,212,170,.2),transparent 70%);border-radius:50%;opacity:0;transition:opacity .4s}.stat-card:hover .icon-glow{opacity:1;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.6}}.stat-value{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.5rem}.value-number{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#00d4aa,#008cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.stat-trend{font-size:.9rem;font-weight:700;padding:.25rem .6rem;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.trend-up{background:#00d4aa1a;color:#00d4aa;border:1px solid rgba(0,212,170,.2)}.trend-down{background:#ff6b001a;color:#ff6b00;border:1px solid rgba(255,107,0,.2)}.stat-label{font-size:.9rem;color:#fff9;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-card-glow{position:absolute;inset:-1px;background:linear-gradient(135deg,#00d4aa1a,#008cff1a);border-radius:20px;opacity:0;transition:opacity .4s;z-index:0}.stat-card:hover .stat-card-glow{opacity:1}.stat-card-cyan .stat-icon{background:#00d4aa14;border-color:#00d4aa33}.stat-card-cyan .stat-icon svg{color:#00d4aa}.stat-card-blue .stat-icon{background:#008cff14;border-color:#008cff33}.stat-card-blue .stat-icon svg{color:#008cff}.stat-card-purple .stat-icon{background:#a855f714;border-color:#a855f733}.stat-card-purple .stat-icon svg{color:#a855f7}.stat-card-green .stat-icon{background:#10b98114;border-color:#10b98133}.stat-card-green .stat-icon svg{color:#10b981}.stat-card-pink .stat-icon{background:#ec489914;border-color:#ec489933}.stat-card-pink .stat-icon svg{color:#ec4899}.stat-card-orange .stat-icon{background:#f9731614;border-color:#f9731633}.stat-card-orange .stat-icon svg{color:#f97316}.action-section{position:relative;z-index:1;margin-top:4rem}.section-title{font-size:2rem;font-weight:800;margin-bottom:2rem;letter-spacing:-.5px;color:#fffffff2}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.action-card{position:relative;background:#ffffff05;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:2.5rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.action-card:hover{transform:translateY(-8px);border-color:#00d4aa4d;box-shadow:0 30px 80px #00d4aa33}.action-card-content{position:relative;z-index:1}.action-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#00d4aa14;border:1px solid rgba(0,212,170,.2);margin-bottom:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.action-card:hover .action-icon{transform:scale(1.1) rotate(5deg);background:#00d4aa1f;border-color:#00d4aa4d;box-shadow:0 10px 40px #00d4aa4d}.action-icon svg{color:#00d4aa;filter:drop-shadow(0 4px 12px rgba(0,212,170,.4))}.action-card h3{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;color:#fffffff2}.action-card p{font-size:1rem;color:#fff9;line-height:1.6;margin-bottom:2rem}.action-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:50px;background:linear-gradient(135deg,#00d4aa,#008cff);color:#fff;font-size:1rem;font-weight:700;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #00d4aa4d}.action-btn:hover{transform:translateY(-2px);box-shadow:0 15px 40px #00d4aa80}.action-btn:disabled{background:#ffffff0d;color:#fff6;cursor:not-allowed;box-shadow:none}.action-btn:disabled:hover{transform:none}.action-card-disabled{opacity:.6;cursor:not-allowed}.action-card-disabled:hover{transform:none;border-color:#ffffff0d;box-shadow:none}.action-card-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(0,212,170,.05),transparent 70%);opacity:0;transition:opacity .4s;z-index:0}.action-card:hover .action-card-bg{opacity:1}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1.5rem}.error-icon{color:#ff6b6b;margin-bottom:1rem}.error-container h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.error-container p{color:#ffffffb3;font-size:1.1rem;font-weight:500;text-align:center}.retry-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#00d4aa,#008cff);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.advanced-metrics-section{margin:3rem 0}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.metric-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.metric-card:hover{background:#ffffff14;border-color:#00d4aa33;transform:translateY(-2px)}.metric-card h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.content-performance{display:flex;flex-direction:column;gap:1rem}.content-type-item{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:1rem;transition:all .3s ease}.content-type-item:hover{background:#ffffff0d;border-color:#ffffff1a}.content-type-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.content-type-name{color:#fff;font-weight:600;text-transform:capitalize}.completion-rate{color:#00d4aa;font-weight:600;font-size:1.1rem}.content-type-stats{display:flex;gap:1rem;font-size:.9rem;color:#ffffffb3}.content-type-stats span{background:#ffffff1a;padding:.25rem .5rem;border-radius:4px}.peak-activity{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:center;gap:1rem}.activity-hour{color:#fff;font-weight:600;min-width:50px}.activity-bar{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.activity-fill{height:100%;background:linear-gradient(90deg,#00d4aa,#008cff);border-radius:4px;transition:width .3s ease}.activity-count{color:#fffc;font-weight:500;min-width:30px;text-align:right}.drop-off-analysis{display:flex;flex-direction:column;gap:.75rem}.lesson-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;transition:all .3s ease}.lesson-item:hover{background:#ffffff0d}.lesson-item.drop-off{border-color:#ffc1074d;background:#ffc1070d}.lesson-order{color:#fff9;font-size:.9rem;font-weight:500;min-width:40px}.lesson-info{flex:1}.lesson-title{color:#fff;font-weight:500;font-size:.9rem;margin-bottom:.25rem}.lesson-completion{color:#ffffffb3;font-size:.8rem}.drop-off-indicator{font-size:1.2rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.stat-card.emerald:before{background:linear-gradient(90deg,#10b981,#059669)}.stat-card.teal:before{background:linear-gradient(90deg,#14b8a6,#0d9488)}.stat-card.amber:before{background:linear-gradient(90deg,#f59e0b,#d97706)}@media (max-width: 768px){.admin-dashboard{padding:1rem}.dashboard-header{padding:2rem 1.5rem;margin-bottom:2rem}.header-content{flex-direction:column;align-items:flex-start;gap:2rem}.header-decoration{display:none}.dashboard-header h1{font-size:2rem}.stats-grid{grid-template-columns:1fr;gap:1.25rem}.stat-card{padding:1.5rem}.value-number{font-size:2rem}.action-grid{grid-template-columns:1fr;gap:1.5rem}.action-card{padding:2rem}.section-title{font-size:1.5rem}}@media (min-width: 769px) and (max-width: 1024px){.stats-grid,.action-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1400px){.admin-dashboard{padding:3rem;max-width:1600px;margin:0 auto}}.new-metrics-section{position:relative;z-index:1;margin-top:3rem;margin-bottom:2rem}.new-metrics-section .section-title{margin-bottom:1.5rem}.metric-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.metric-header h3{margin:0;font-size:1.25rem;font-weight:600}.metric-header svg{width:28px;height:28px;color:#00d4aa}.alert-badge{margin-left:auto;padding:.25rem .75rem;background:#ff3b3033;border:1px solid #ff3b30;border-radius:20px;font-size:.875rem;font-weight:600;color:#ff3b30}.metric-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.metric-stat{display:flex;flex-direction:column;gap:.5rem}.metric-stat .stat-label{font-size:.875rem;color:#fff9;font-weight:500}.metric-stat .stat-value{font-size:1.75rem;font-weight:700;color:#fff}.metric-stat .stat-value.success{color:#00d4aa}.metric-stat .stat-value.warning{color:#ff9500}.score-distribution{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.score-bar{display:grid;grid-template-columns:80px 1fr 60px;align-items:center;gap:1rem}.score-range{font-size:.875rem;font-weight:600;color:#fffc}.bar-container{height:24px;background:#ffffff1a;border-radius:12px;overflow:hidden;position:relative}.bar-fill{height:100%;background:linear-gradient(90deg,#00d4aa,#008cff);border-radius:12px;transition:width .6s ease}.score-count{font-size:.875rem;font-weight:600;color:#fffc;text-align:right}.list-items{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.list-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff0d;border-radius:8px;transition:background .3s ease}.list-item:hover{background:#ffffff1a}.item-title{font-size:.9rem;font-weight:500;color:#ffffffe6}.item-count{font-size:.875rem;font-weight:600;color:#00d4aa}.reactions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;margin-top:1rem}.reaction-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#ffffff0d;border-radius:12px;transition:all .3s ease}.reaction-item:hover{background:#ffffff1a;transform:translateY(-2px)}.reaction-emoji{font-size:2rem}.reaction-count{font-size:1.25rem;font-weight:700;color:#fff}.usage-bar-container{margin-top:1.5rem}.usage-bar{width:100%;height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;position:relative}.usage-fill{height:100%;background:linear-gradient(90deg,#00d4aa,#008cff);border-radius:6px;transition:width .6s ease}.usage-fill.high{background:linear-gradient(90deg,#ff9500,#ff3b30)}.usage-trend{display:flex;justify-content:space-between;align-items:flex-end;gap:.5rem;height:150px;margin-top:1rem;padding:1rem 0}.trend-bar{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;height:100%}.trend-bar .bar{width:100%;background:linear-gradient(180deg,#00d4aa,#008cff);border-radius:4px 4px 0 0;min-height:4px;transition:height .6s ease;cursor:pointer;margin-top:auto}.trend-bar .bar:hover{opacity:.8}.bar-label{font-size:.75rem;color:#fff9;text-align:center;text-transform:uppercase}.metric-card.alert{border:2px solid rgba(255,59,48,.5);background:linear-gradient(135deg,#ff3b300d,#0000004d)}@media (max-width: 768px){.metric-stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.metric-stat .stat-value{font-size:1.5rem}.score-bar{grid-template-columns:60px 1fr 50px;gap:.5rem}.reactions-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.usage-trend{height:120px}}.course-management{position:relative;min-height:100vh;background:#000;color:#fff;padding:2rem;overflow-x:hidden}.course-management:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,212,170,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,170,.03) 1px,transparent 1px);background-size:50px 50px;opacity:.5;z-index:0;pointer-events:none}.course-management:after{content:"";position:fixed;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(0,212,170,.1),transparent);filter:blur(120px);z-index:0;pointer-events:none;animation:orbFloat 30s ease-in-out infinite}@keyframes orbFloat{0%,to{transform:translate(0)}50%{transform:translate(-50px,50px)}}.management-header{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:3rem;padding:2rem 2.5rem;background:#ffffff05;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.05);border-radius:20px}.header-content{flex:1}.header-content h1{font-size:clamp(2rem,4vw,2.5rem);font-weight:800;margin:0 0 .5rem;letter-spacing:-1px;color:#fffffff2;line-height:1.2}.header-content p{color:#fff9;font-size:1rem;font-weight:400;margin:0;line-height:1.4}.create-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:50px;background:linear-gradient(135deg,#00d4aa,#008cff);color:#fff;font-size:1rem;font-weight:700;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #00d4aa4d}.create-btn:hover{transform:translateY(-2px);box-shadow:0 15px 40px #00d4aa80}.create-btn svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.management-error,.form-error{position:relative;z-index:1;margin-bottom:1.5rem;padding:1rem 1.5rem;border-radius:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;font-weight:600;font-size:.95rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.courses-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem;margin-bottom:2rem}.course-card{position:relative;background:#ffffff05;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.05);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.course-card:hover{transform:translateY(-8px);border-color:#00d4aa4d;box-shadow:0 20px 60px #00d4aa33}.course-thumbnail{position:relative;height:220px;overflow:hidden;background:#00d4aa0d}.course-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1)}.course-card:hover .course-thumbnail img{transform:scale(1.05)}.course-thumbnail-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#00d4aa1a,#008cff1a);color:#00d4aa;font-size:4rem;font-weight:800;text-transform:uppercase}.course-overlay{position:absolute;top:1rem;right:1rem;display:flex;gap:.75rem;opacity:.9;transition:opacity .3s ease;z-index:10}.course-card:hover .course-overlay{opacity:1}.edit-btn,.delete-btn{min-width:48px;height:48px;border-radius:12px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .75rem;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative}.btn-label{font-size:.75rem;font-weight:600;white-space:nowrap;opacity:0;transform:translate(-10px);transition:all .3s ease}.edit-btn:hover .btn-label,.delete-btn:hover .btn-label{opacity:1;transform:translate(0)}.edit-btn{background:#00d4aa66;border:1px solid rgba(0,212,170,.6);color:#ffffffe6}.edit-btn:hover{background:#00d4aa99;border-color:#00d4aacc;transform:scale(1.05);box-shadow:0 8px 20px #00d4aa66}.edit-btn svg{width:28px;height:28px;stroke:#0fc;stroke-width:3;fill:none;filter:drop-shadow(0 0 10px rgba(0,255,204,.9));transition:all .3s ease}.edit-btn:hover svg{stroke:#fff;filter:drop-shadow(0 0 15px rgba(0,255,204,1));transform:scale(1.15)}.delete-btn{background:#ef444466;border:1px solid rgba(239,68,68,.6);color:#ffffffe6}.delete-btn:hover{background:#ef444499;border-color:#ef4444cc;transform:scale(1.05);box-shadow:0 8px 20px #ef444466}.delete-btn svg{width:28px;height:28px;stroke:#ff6b7a;stroke-width:3;fill:none;filter:drop-shadow(0 0 10px rgba(255,107,122,.9));transition:all .3s ease}.delete-btn:hover svg{stroke:#fff;filter:drop-shadow(0 0 15px rgba(255,107,122,1));transform:scale(1.15)}.course-content{padding:2rem}.course-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.course-header h3{flex:1;margin:0}.course-status{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.course-content h3{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;color:#fffffff2;letter-spacing:-.5px}.course-description{color:#fff9;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-stats{display:flex;gap:2rem;margin-bottom:1.5rem;padding:1.25rem;background:#00d4aa0d;border-radius:12px;border:1px solid rgba(0,212,170,.1)}.stat{text-align:center;flex:1}.stat-value{display:block;font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#00d4aa,#008cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.5rem}.stat-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.course-actions{display:flex;gap:.75rem;flex-wrap:wrap}.preview-btn,.diploma-btn,.view-btn,.manage-btn{flex:1;min-width:120px;padding:.875rem 1.5rem;border:none;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem}.preview-btn{background:#8b5cf61a;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.preview-btn:hover{background:#8b5cf626;border-color:#8b5cf680;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.preview-btn svg,.diploma-btn svg{width:16px;height:16px}.diploma-btn{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.diploma-btn:hover{background:#22c55e26;border-color:#22c55e80;transform:translateY(-2px);box-shadow:0 4px 12px #22c55e4d}.view-btn{background:#ffffff0d;color:#ffffffe6;border:1px solid rgba(255,255,255,.1)}.view-btn:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.manage-btn{background:linear-gradient(135deg,#00d4aa,#008cff);color:#fff;box-shadow:0 4px 12px #00d4aa4d}.manage-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d4aa80}.empty-state{position:relative;z-index:1;text-align:center;padding:6rem 2rem;background:#ffffff05;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.05);border-radius:20px}.empty-icon{font-size:5rem;margin-bottom:2rem;opacity:.3}.empty-state h3{font-size:1.75rem;font-weight:700;color:#ffffffe6;margin-bottom:.75rem}.empty-state p{color:#fff9;margin-bottom:2.5rem;font-size:1rem}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:#0a0a0af2;-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:24px;width:90%;max-width:650px;max-height:90vh;overflow-y:auto;box-shadow:0 30px 80px #00000080;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.modal-header h2{font-size:1.75rem;font-weight:800;color:#fffffff2;margin:0;letter-spacing:-.5px}.close-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);width:40px;height:40px;border-radius:12px;font-size:1.25rem;cursor:pointer;color:#fff9;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn:hover{background:#ffffff1a;color:#ffffffe6;transform:rotate(90deg)}.course-form{padding:2rem}.form-group{margin-bottom:1.75rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group label{display:block;color:#000;font-weight:600;margin-bottom:.75rem;font-size:.95rem;letter-spacing:.3px}.form-group input,.form-group textarea{width:100%;padding:1rem 1.25rem;border:1px solid rgba(0,0,0,.2);border-radius:12px;font-size:1rem;background:#fff;color:#000;transition:all .3s ease;font-family:inherit}.form-group input::placeholder,.form-group textarea::placeholder{color:#00000080}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#00d4aa;background:#fff;box-shadow:0 0 0 3px #00d4aa33}.form-group textarea{resize:vertical;min-height:120px;line-height:1.6}.checkbox-group{margin-bottom:1.5rem}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;padding:1rem;border-radius:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.checkbox-label input[type=checkbox]{width:20px;height:20px;border-radius:4px;border:2px solid rgba(255,255,255,.3);background:transparent;cursor:pointer;position:relative;appearance:none;transition:all .3s ease;flex-shrink:0;margin-top:2px}.checkbox-label input[type=checkbox]:checked{background:linear-gradient(135deg,#00d4aa,#008cff);border-color:#00d4aa}.checkbox-label input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.checkbox-text{font-weight:600;color:#000;margin-bottom:.25rem}.checkbox-label small{display:block;color:#000000b3;font-size:.875rem;line-height:1.4}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:2rem;border-top:1px solid rgba(255,255,255,.05)}.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.loading-spinner{width:60px;height:60px;border:3px solid rgba(0,212,170,.1);border-top:3px solid #00d4aa;border-radius:50%;animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite;margin-bottom:2rem;box-shadow:0 0 30px #00d4aa4d}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:#00d4aa4d;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:#00d4aa80}@media (max-width: 768px){.course-management{padding:1rem}.management-header{flex-direction:column;gap:1.5rem;align-items:stretch;padding:1.5rem}.create-btn{width:100%;justify-content:center}.courses-grid{grid-template-columns:1fr;gap:1.5rem}.course-stats{gap:1rem}.course-actions{flex-direction:column}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.modal-content{width:95%;max-height:95vh}.modal-header,.course-form{padding:1.5rem}}@media (min-width: 769px) and (max-width: 1024px){.courses-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1400px){.course-management{padding:3rem;max-width:1600px;margin:0 auto}}.course-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.course-header h3{margin:0;flex:1}.course-status{display:flex;flex-direction:column;gap:.25rem;align-items:flex-end}.status-badge{padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.status-badge.published{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-badge.draft{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-badge.auto-enroll{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.checkbox-group{display:flex;flex-direction:column}.checkbox-label{display:flex;flex-direction:column;gap:.25rem;cursor:pointer;padding:.75rem;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;background:#ffffff05;transition:all .2s ease}.checkbox-label:hover{background:#ffffff0d;border-color:#00d4aa4d}.user-management{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:2rem}.management-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.create-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#00d4aa,#008cff);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00d4aa4d}.create-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00d4aa66}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-card:hover{background:#ffffff14;border-color:#00d4aa33;transform:translateY(-2px)}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#00d4aa1a;border:1px solid rgba(0,212,170,.2);border-radius:8px;color:#00d4aa}.stat-value{font-size:2rem;font-weight:700;color:#fff;line-height:1}.stat-label{font-size:.9rem;color:#ffffffb3;margin-top:.25rem}.filters-section{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:300px}.search-box svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#ffffff80;width:20px;height:20px}.search-box input{width:100%;padding:.75rem 1rem .75rem 3rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.search-box input:focus{outline:none;border-color:#00d4aa;background:#ffffff26}.search-box input::placeholder{color:#ffffff80}.filter-selects{display:flex;gap:1rem}.filter-selects select{padding:.75rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.filter-selects select:focus{outline:none;border-color:#00d4aa}.filter-selects select option{background:#1a1a2e;color:#fff}.users-table-container{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:2rem}.users-table{width:100%;border-collapse:collapse}.users-table th{background:#00d4aa1a;color:#fff;font-weight:600;padding:1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.1);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.users-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.users-table tr:hover{background:#ffffff08}.user-info{display:flex;align-items:center;gap:1rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#00d4aa,#008cff);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1rem}.user-name{font-weight:600;color:#fff;margin-bottom:.25rem}.user-email{font-size:.9rem;color:#ffffffb3}.roles-container{display:flex;gap:.5rem;flex-wrap:wrap}.role-badge{padding:.25rem .5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;font-size:.75rem;font-weight:500;color:#fffc}.stat-number{font-weight:600;color:#fff}.date-text{font-size:.9rem;color:#ffffffb3}.actions{display:flex;gap:.5rem}.action-btn{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.action-btn.edit{background:#00d4aa33;color:#00d4aa;border:1px solid rgba(0,212,170,.3)}.action-btn.edit:hover{background:#00d4aa4d;transform:scale(1.1)}.action-btn.delete{background:#ff6b6b33;color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}.action-btn.delete:hover{background:#ff6b6b4d;transform:scale(1.1)}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.pagination-btn{padding:.75rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffffe6;font-weight:500;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;color:#fff}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#ffffffb3;font-size:.9rem}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{margin:0;color:#fff;font-size:1.5rem;font-weight:600}.modal-close{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .3s ease}.modal-close:hover{background:#ffffff1a;color:#fff}.user-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#fff;font-weight:500;font-size:.9rem}.optional{color:#ffffff80;font-weight:400}.form-group input,.form-group select{width:100%;padding:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#00d4aa;background:#ffffff26}.form-group select option{background:#1a1a2e;color:#fff}.form-group select[multiple]{height:100px}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,#00d4aa,#008cff);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00d4aa66}.btn-secondary{padding:.75rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffffe6;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem}.loading-container p{color:#ffffffb3;font-size:1.1rem;font-weight:500}.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.error-state h3,.empty-state h3{color:#fff;font-size:1.5rem;font-weight:600;margin:1rem 0 .5rem}.error-state p,.empty-state p{color:#ffffffb3;margin-bottom:2rem}@media (max-width: 1024px){.user-management{padding:1.5rem}.management-header{flex-direction:column;gap:1.5rem;align-items:stretch}.header-content{flex-direction:column;gap:1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.users-table-container{overflow-x:auto}.users-table{min-width:800px}}@media (max-width: 768px){.user-management{padding:1rem}.header-text h1{font-size:2rem}.filters-section{flex-direction:column}.search-box{min-width:auto}.filter-selects{flex-direction:column}.stats-grid{grid-template-columns:1fr}.modal-content{width:95%;margin:1rem}.form-actions{flex-direction:column}}.reports-analytics{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:2rem}.reports-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.header-content{display:flex;align-items:center;gap:2rem}.back-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffffe6;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff;transform:translateY(-1px)}.header-text h1{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#00d4aa,#008cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem}.header-text p{color:#ffffffb3;font-size:1.1rem;margin:0}.export-actions{display:flex;gap:.75rem}.export-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffffe6;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.export-btn:hover{background:#00d4aa33;border-color:#00d4aa4d;color:#00d4aa;transform:translateY(-1px)}.reports-tabs{display:flex;gap:.5rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);overflow-x:auto}.tab-button{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tab-button:hover{background:#ffffff1a;border-color:#fff3;color:#ffffffe6}.tab-button.active{background:linear-gradient(135deg,#00d4aa33,#008cff33);border-color:#00d4aa4d;color:#00d4aa}.tab-button.active:after{content:"";position:absolute;bottom:-1rem;left:50%;transform:translate(-50%);width:20px;height:2px;background:linear-gradient(90deg,#00d4aa,#008cff);border-radius:1px}.reports-content{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:400px}.overview-tab{width:100%}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stat-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--card-color, linear-gradient(90deg, #00d4aa 0%, #008cff 100%))}.stat-card.cyan:before{background:linear-gradient(90deg,#00d4aa,#00c4cc)}.stat-card.blue:before{background:linear-gradient(90deg,#008cff,#06c)}.stat-card.purple:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.stat-card.green:before{background:linear-gradient(90deg,#10b981,#059669)}.stat-card.emerald:before{background:linear-gradient(90deg,#34d399,#10b981)}.stat-card.orange:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.stat-card.pink:before{background:linear-gradient(90deg,#ec4899,#db2777)}.stat-card.indigo:before{background:linear-gradient(90deg,#6366f1,#4f46e5)}.stat-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.stat-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:12px;border:1px solid rgba(255,255,255,.2)}.stat-content{flex:1}.stat-value{font-size:2rem;font-weight:700;color:#fff;line-height:1;margin-bottom:.25rem}.stat-label{font-size:.9rem;color:#ffffffb3;font-weight:500}.analytics-table-container{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.analytics-table{width:100%;border-collapse:collapse}.analytics-table th{background:#00d4aa1a;color:#fff;font-weight:600;padding:1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.1);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.analytics-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.analytics-table tr:hover{background:#ffffff08}.course-info,.user-info,.lesson-info{display:flex;flex-direction:column;gap:.25rem}.course-title,.user-name,.lesson-title{font-weight:600;color:#fff}.course-date,.user-email{font-size:.8rem;color:#fff9}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#00d4aa,#008cff);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem}.user-details{flex:1}.metric-value,.metric-percentage,.metric-time,.metric-xp{font-weight:600;color:#fff}.metric-percentage{color:#00d4aa}.metric-time{color:#f59e0b}.metric-xp{color:#8b5cf6}.metric-date{font-size:.9rem;color:#ffffffb3}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:#00d4aa33;color:#00d4aa;border:1px solid rgba(0,212,170,.3)}.status-badge.inactive{background:#ff6b6b33;color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}.content-type-badge{padding:.25rem .5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;font-size:.75rem;font-weight:500;color:#fffc;text-transform:capitalize}.course-name{color:#fffc;font-size:.9rem}.trends-tab{width:100%}.trends-chart h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:2rem;text-align:center}.chart-container{display:flex;align-items:end;gap:.5rem;height:300px;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;margin-bottom:1rem;overflow-x:auto}.trend-bar{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;min-width:30px}.trend-date{font-size:.8rem;color:#fff9;font-weight:500}.trend-bars{display:flex;align-items:end;gap:2px;height:200px;width:100%}.trend-bar-item{flex:1;border-radius:2px 2px 0 0;transition:all .3s ease;min-height:2px}.trend-bar-item.completions{background:linear-gradient(to top,#00d4aa,#00c4cc)}.trend-bar-item.enrollments{background:linear-gradient(to top,#008cff,#06c)}.trend-bar-item.users{background:linear-gradient(to top,#8b5cf6,#7c3aed)}.chart-legend{display:flex;justify-content:center;gap:2rem}.legend-item{display:flex;align-items:center;gap:.5rem;color:#fffc;font-size:.9rem}.legend-color{width:16px;height:16px;border-radius:2px}.legend-color.completions{background:linear-gradient(135deg,#00d4aa,#00c4cc)}.legend-color.enrollments{background:linear-gradient(135deg,#008cff,#06c)}.legend-color.users{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1.5rem}.loading-spinner{width:48px;height:48px;border:3px solid rgba(0,212,170,.1);border-top:3px solid #00d4aa;border-radius:50%;animation:spin 1s linear infinite}.loading-state p{color:#ffffffb3;font-size:1.1rem;font-weight:500}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;gap:1.5rem}.error-state h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.error-state p{color:#ffffffb3;margin:0}.retry-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#00d4aa,#008cff);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00d4aa66}@media (max-width: 1024px){.reports-analytics{padding:1.5rem}.reports-header{flex-direction:column;gap:1.5rem;align-items:stretch}.header-content{flex-direction:column;gap:1rem}.export-actions{justify-content:center}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.analytics-table-container{overflow-x:auto}.analytics-table{min-width:800px}}@media (max-width: 768px){.reports-analytics{padding:1rem}.header-text h1{font-size:2rem}.reports-tabs{flex-direction:column;gap:.5rem}.tab-button{justify-content:center}.export-actions{flex-direction:column}.stats-grid{grid-template-columns:1fr}.reports-content{padding:1rem}.chart-container{height:250px}.chart-legend{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.analytics-table{font-size:.8rem}.analytics-table th,.analytics-table td{padding:.5rem}.stat-card{padding:1rem}.stat-icon{width:48px;height:48px;font-size:1.5rem}.stat-value{font-size:1.5rem}}.profile-page{position:relative;min-height:100vh;background:#000;color:#fff;padding:2rem;overflow-x:hidden}.profile-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,212,170,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,170,.03) 1px,transparent 1px);background-size:50px 50px;opacity:.5;z-index:0;pointer-events:none}.profile-page:after{content:"";position:fixed;top:-300px;left:-300px;width:800px;height:800px;background:radial-gradient(circle,rgba(0,140,255,.15),transparent);filter:blur(150px);z-index:0;pointer-events:none;animation:orbFloat 25s ease-in-out infinite}@keyframes orbFloat{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(100px,100px) rotate(120deg)}66%{transform:translate(-50px,150px) rotate(240deg)}}.profile-header{position:relative;z-index:1;text-align:center;margin-bottom:3rem;padding:2rem}.profile-header h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:900;margin-bottom:.75rem;letter-spacing:-2px;background:linear-gradient(135deg,#00d4aa,#008cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.profile-header p{color:#fff9;font-size:1.15rem;font-weight:400;margin:0;letter-spacing:.5px}.profile-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:2.5rem;max-width:1200px;margin:0 auto}.profile-card{background:#ffffff05;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:3rem;box-shadow:0 20px 60px #0000004d;display:flex;gap:3rem;align-items:flex-start;transition:all .4s cubic-bezier(.4,0,.2,1)}.profile-card:hover{border-color:#00d4aa33;box-shadow:0 25px 70px #00d4aa26}.profile-avatar{flex-shrink:0}.avatar-placeholder{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#00d4aa,#008cff);display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem;font-weight:800;box-shadow:0 10px 40px #00d4aa66;position:relative;overflow:hidden}.avatar-placeholder:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s linear infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.profile-info{flex:1}.info-display .info-item{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.info-display .info-item:last-of-type{border-bottom:none;margin-bottom:2rem}.info-item label{display:block;color:#ffffff80;font-size:.85rem;font-weight:700;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1.5px}.info-item span{color:#fffffff2;font-size:1.25rem;font-weight:600;letter-spacing:-.3px}.profile-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:1rem}.edit-btn,.diplomas-btn{background:linear-gradient(135deg,#00d4aa,#008cff);color:#fff;border:none;padding:1rem 2.5rem;border-radius:50px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #00d4aa4d;display:flex;align-items:center;gap:8px}.edit-btn:hover,.diplomas-btn:hover{transform:translateY(-2px);box-shadow:0 15px 40px #00d4aa80}.diplomas-btn{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 10px 30px #22c55e4d}.diplomas-btn:hover{box-shadow:0 15px 40px #22c55e80}.edit-form .form-group{margin-bottom:2rem}.edit-form label{display:block;color:#ffffffe6;font-weight:600;margin-bottom:.75rem;font-size:.95rem;letter-spacing:.3px}.edit-form input{width:100%;padding:1rem 1.25rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:1rem;background:#ffffff08;color:#ffffffe6;transition:all .3s ease;font-family:inherit}.edit-form input::placeholder{color:#ffffff4d}.edit-form input:focus{outline:none;border-color:#00d4aa80;background:#ffffff0d;box-shadow:0 0 0 3px #00d4aa1a}.edit-form input:disabled{background:#ffffff05;color:#fff6;cursor:not-allowed;opacity:.6}.help-text{display:block;color:#fff6;font-size:.85rem;margin-top:.5rem;font-style:italic}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.05)}.cancel-btn{background:#ffffff0d;color:#ffffffe6;border:1px solid rgba(255,255,255,.1);padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.cancel-btn:hover{background:#ffffff14;border-color:#fff3}.save-btn{background:linear-gradient(135deg,#00d4aa,#008cff);color:#fff;border:none;padding:1rem 2.5rem;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #00d4aa4d}.save-btn:hover{transform:translateY(-2px);box-shadow:0 15px 40px #00d4aa80}.stats-section h3{color:#fffffff2;font-size:1.75rem;font-weight:800;margin-bottom:1.5rem;letter-spacing:-.5px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stat-card{background:#ffffff05;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:2rem;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#00d4aa0d,#008cff0d);opacity:0;transition:opacity .3s ease}.stat-card:hover{transform:translateY(-8px);border-color:#00d4aa4d;box-shadow:0 20px 60px #00d4aa33}.stat-card:hover:before{opacity:1}.stat-icon{width:50px;height:50px;margin:0 auto 1rem;color:#00d4aa;filter:drop-shadow(0 0 10px rgba(0,212,170,.5));position:relative;z-index:1}.stat-value{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#00d4aa,#008cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;line-height:1;position:relative;z-index:1}.stat-label{color:#fff9;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;font-weight:600;position:relative;z-index:1}.achievements-section{margin-top:1rem}.achievements-section h3{color:#fffffff2;font-size:1.75rem;font-weight:800;margin-bottom:1.5rem;letter-spacing:-.5px}.level-card{background:linear-gradient(135deg,#00d4aa33,#008cff33);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,212,170,.3);border-radius:24px;padding:2.5rem;color:#fff;box-shadow:0 20px 60px #00d4aa40;margin-bottom:1.5rem;position:relative;overflow:hidden}.level-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.05),transparent);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.level-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;position:relative;z-index:1}.level-badge{display:flex;align-items:center;gap:10px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 24px;border-radius:50px;font-size:1.2rem;font-weight:700;border:1px solid rgba(255,255,255,.2);box-shadow:0 5px 20px #0003}.level-badge svg{width:24px;height:24px;filter:drop-shadow(0 2px 8px rgba(255,255,255,.3))}.level-details{display:flex;flex-direction:column;align-items:flex-end;gap:6px;position:relative;z-index:1}.xp-current{font-size:1.75rem;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.3)}.xp-next{font-size:.9rem;opacity:.85;font-weight:500}.level-progress-bar{background:#0003;height:14px;border-radius:7px;overflow:hidden;margin-bottom:10px;position:relative;z-index:1;border:1px solid rgba(255,255,255,.1)}.level-progress-fill{height:100%;background:linear-gradient(90deg,#0fc,#00d4aa);border-radius:7px;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #0fc9;position:relative;overflow:hidden}.level-progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShine 2s ease-in-out infinite}@keyframes progressShine{0%{left:-100%}to{left:100%}}.level-percentage{text-align:right;font-size:1rem;font-weight:600;opacity:.9;position:relative;z-index:1}.streak-card{background:linear-gradient(135deg,#ff93fb33,#f5576c33);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,147,251,.3);border-radius:20px;padding:2rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 15px 50px #f5576c33;position:relative;overflow:hidden}.streak-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:slideRight 3s ease-in-out infinite}@keyframes slideRight{0%{left:-100%}to{left:100%}}.streak-icon{font-size:3.5rem;animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 5px 15px rgba(255,147,251,.5));position:relative;z-index:1}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.streak-content{color:#fff;position:relative;z-index:1}.streak-title{font-size:.95rem;opacity:.85;margin-bottom:6px;font-weight:500;text-transform:uppercase;letter-spacing:1px}.streak-value{font-size:1.5rem;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.3)}@media (max-width: 768px){.profile-page{padding:1rem}.profile-header{padding:1.5rem 1rem;margin-bottom:2rem}.profile-header h1{font-size:2rem;letter-spacing:-1px}.profile-header p{font-size:1rem}.profile-card{flex-direction:column;align-items:center;text-align:center;padding:2rem 1.5rem;gap:2rem}.avatar-placeholder{width:100px;height:100px;font-size:2.5rem}.profile-info{width:100%}.info-display .info-item{text-align:left}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1.5rem 1rem}.stat-icon{width:40px;height:40px}.stat-value{font-size:2rem}.stat-label{font-size:.75rem}.form-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}.level-card{padding:2rem 1.5rem}.level-info{flex-direction:column;gap:1rem;align-items:flex-start}.level-details{align-items:flex-start}.streak-card{flex-direction:column;text-align:center;padding:1.5rem}.streak-icon{font-size:3rem}}@media (min-width: 769px) and (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1400px){.profile-page{padding:3rem}.profile-content{max-width:1400px}}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:1rem;margin-bottom:1.5rem;color:#fca5a5;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.error-message:before{content:"⚠️";font-size:1rem}.lesson-management{padding:2rem;max-width:1200px;margin:0 auto}.lesson-management__header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem}.lesson-management__header h1{margin:0 0 .5rem;color:#2c3e50}.lesson-management__header p{margin:0;color:#566573}.lesson-back{background:none;border:none;padding:0;color:#667eea;font-weight:600;cursor:pointer;margin-bottom:.75rem}.lesson-stats{display:flex;gap:1rem;color:#7f8c8d;font-size:.9rem}.lessons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.lesson-card{display:flex;flex-direction:column;background:#fff;border-radius:14px;box-shadow:0 10px 30px #0000001a;overflow:hidden;position:relative}.lesson-card__media{position:relative;height:180px;background:linear-gradient(135deg,#f5f7fa,#d7dde8);display:flex;align-items:center;justify-content:center}.lesson-card__media img{width:100%;height:100%;object-fit:cover}.lesson-card__placeholder{font-size:3rem;font-weight:700;color:#667eea}.lesson-card__order{position:absolute;top:1rem;left:1rem;background:#0009;color:#fff;padding:.35rem .75rem;border-radius:999px;font-size:.85rem}.lesson-card__body{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.lesson-card__header{display:flex;justify-content:space-between;gap:1rem}.lesson-card__header h3{margin:0;color:#2c3e50;font-size:1.1rem}.lesson-card__badges{display:flex;gap:.5rem;flex-wrap:wrap}.badge{background:#ecf0f1;color:#2c3e50;padding:.3rem .6rem;border-radius:6px;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.badge-recommended{background:#ffd166;color:#5f370e}.badge-available{background:#2ecc7126;color:#27ae60}.badge-locked{background:#95a5a626;color:#7f8c8d}.badge-checkpoint{background:#e74c3c26;color:#c0392b}.badge-bonus{background:#8e44ad26;color:#8e44ad}.lesson-card__description{margin:0;color:#566573;font-size:.95rem}.lesson-card__meta{display:flex;gap:1rem;color:#7f8c8d;font-size:.85rem}.lesson-card__actions{display:flex;gap:.5rem;padding:0 1.25rem 1.25rem}.lesson-card__actions button{flex:1;border:none;padding:.5rem .75rem;border-radius:8px;background:#ecf0f1;color:#2c3e50;cursor:pointer;font-weight:500;transition:background .2s ease}.lesson-card__actions button:hover:not(:disabled){background:#d5dbdb}.lesson-card__actions button:disabled{opacity:.4;cursor:default}.lesson-card__actions .danger{background:#e74c3c26;color:#c0392b}.lesson-card__actions .danger:hover{background:#e74c3c40}.lesson-form .course-form{max-height:80vh;overflow-y:auto;padding:1.5rem}.form-checkbox{display:flex;align-items:center}.form-checkbox label{display:flex;align-items:center;gap:.5rem}@media (max-width: 768px){.lesson-management{padding:1rem}.lesson-management__header{flex-direction:column;align-items:stretch}.lesson-stats{flex-direction:column}.lessons-grid{grid-template-columns:1fr}.lesson-card__actions{flex-wrap:wrap}}.management-error{margin-bottom:1.5rem;padding:.75rem 1rem;border-radius:10px;background:#e74c3c1f;color:#c0392b;font-weight:600}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(145deg,#fff,#f8fafc);border-radius:20px;width:95%;max-width:720px;box-shadow:0 25px 50px #00000026,0 0 0 1px #ffffff0d;animation:slideUp .3s ease-out;border:1px solid rgba(255,255,255,.2)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(226,232,240,.8);background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border-radius:20px 20px 0 0;position:relative}.modal-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:20px 20px 0 0}.modal-header h2{margin:0;color:#1e293b;font-weight:700;font-size:1.5rem;letter-spacing:-.025em}.close-btn{background:#ef44441a;border:none;font-size:1.25rem;color:#ef4444;cursor:pointer;padding:.5rem;border-radius:12px;transition:all .2s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-weight:600}.close-btn:hover{background:#ef444433;color:#dc2626;transform:scale(1.05)}.course-form{padding:2rem;display:flex;flex-direction:column;gap:1.5rem;background:#ffffff80}.form-section{background:#fffc;border-radius:16px;padding:1.5rem;border:1px solid rgba(226,232,240,.6);box-shadow:0 4px 6px #0000000d}.form-section h3{margin:0 0 1.25rem;color:#1e293b;font-weight:600;font-size:1.125rem;padding-bottom:.75rem;border-bottom:2px solid rgba(102,126,234,.1);position:relative}.form-section h3:after{content:"";position:absolute;bottom:-2px;left:0;width:40px;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:1px}.form-group{display:flex;flex-direction:column;gap:.75rem}.form-group label{font-weight:600;color:#374151;font-size:.875rem;letter-spacing:.025em;text-transform:uppercase}.form-group input,.form-group textarea,.form-group select{width:100%;padding:1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .2s ease;background:#fffc;color:#1f2937}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;background:#fff;transform:translateY(-1px)}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af;font-style:italic}.checkbox-group{flex-direction:row!important;align-items:center;gap:.75rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500!important;text-transform:none!important;color:#374151!important;font-size:.875rem!important}.checkbox-label input[type=checkbox]{width:18px!important;height:18px;margin:0;accent-color:#667eea;cursor:pointer}.form-group select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.5rem;appearance:none}.form-group textarea{resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid rgba(226,232,240,.6);padding-top:1.5rem;margin-top:1rem}.cancel-btn,.save-btn{padding:.875rem 2rem;border-radius:12px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem;letter-spacing:.025em;text-transform:uppercase;position:relative;overflow:hidden}.cancel-btn{background:#6b72801a;color:#6b7280;border:2px solid rgba(107,114,128,.2)}.cancel-btn:hover{background:#6b728033;color:#374151;transform:translateY(-2px);box-shadow:0 4px 12px #6b728033}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 14px #667eea66;border:2px solid transparent}.save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80;background:linear-gradient(135deg,#5a67d8,#6b46c1)}.save-btn:active{transform:translateY(-1px)}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.course-form button:disabled,.lesson-card__actions button:disabled{cursor:not-allowed}.field-error{color:#ef4444;font-size:.8125rem;margin-top:.5rem;display:flex;align-items:center;gap:.5rem;font-weight:500;background:#ef44441a;padding:.5rem .75rem;border-radius:8px;border-left:3px solid #ef4444}.field-error:before{content:"⚠";font-size:.875rem;font-weight:700}.form-group.has-error input,.form-group.has-error textarea,.form-group.has-error select{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a;background:#fef2f280}.form-group.has-error input:focus,.form-group.has-error textarea:focus,.form-group.has-error select:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef444426;background:#fef2f2cc}.validation-summary{background:linear-gradient(135deg,#fef2f2e6,#fce7f3e6);border:1px solid rgba(239,68,68,.2);color:#991b1b;padding:1.25rem;border-radius:12px;margin-bottom:1.5rem;font-size:.9rem;box-shadow:0 4px 6px #ef44441a;position:relative}.validation-summary:before{content:"⚠";position:absolute;top:1rem;left:1rem;font-size:1.25rem;color:#ef4444}.validation-summary strong{font-weight:700;margin-left:1.5rem;display:block}.resource-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.resource-header label{margin:0!important;font-size:1rem!important;text-transform:none!important}.link-button{background:#667eea1a;border:1px solid rgba(102,126,234,.2);color:#667eea;padding:.5rem 1rem;border-radius:8px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease}.link-button:hover{background:#667eea33;color:#5a67d8;transform:translateY(-1px)}.resource-list{display:flex;flex-direction:column;gap:.75rem}.resource-row{display:grid;grid-template-columns:1fr 2fr auto;gap:.75rem;align-items:center;padding:.75rem;background:#f9fafb80;border-radius:8px;border:1px solid rgba(229,231,235,.5)}.resource-row input{padding:.75rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem}.icon-button{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-weight:700}.icon-button:hover{background:#ef444433;transform:scale(1.05)}*{transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.hidden{display:none!important}@media (max-width: 640px){.modal-content{width:100%;margin:1rem}.form-row{grid-template-columns:1fr}.resource-row{grid-template-columns:1fr;gap:.5rem}}.font-selector{display:flex;flex-direction:column;gap:8px}.font-selector-label{font-size:14px;font-weight:500;color:#374151}.font-selector-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background-color:#fff;transition:border-color .2s ease}.font-selector-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.font-selector-select:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.font-preview{padding:8px 12px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-size:16px;color:#374151;min-height:20px;display:flex;align-items:center}.font-preview span{font-weight:500}.color-picker{display:flex;flex-direction:column;gap:8px}.color-picker-label{font-size:14px;font-weight:500;color:#374151}.color-picker-container{display:flex;flex-direction:column;gap:12px}.color-input-wrapper{display:flex;align-items:center;gap:12px}.color-input{width:50px;height:40px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:border-color .2s ease}.color-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.color-input:disabled{cursor:not-allowed;opacity:.5}.color-value{font-family:Courier New,monospace;font-size:14px;color:#374151;background-color:#f9fafb;padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;min-width:80px;text-align:center}.predefined-colors{display:flex;flex-direction:column;gap:8px}.predefined-colors-label{font-size:12px;color:#6b7280;font-weight:500}.color-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.color-option{width:24px;height:24px;border:2px solid transparent;border-radius:4px;cursor:pointer;transition:all .2s ease}.color-option:hover{transform:scale(1.1);border-color:#d1d5db}.color-option.selected{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.color-option:disabled{cursor:not-allowed;opacity:.5}.color-option:disabled:hover{transform:none}.diploma-editor{display:flex;flex-direction:column;gap:20px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.diploma-editor-header{text-align:center}.diploma-editor-header h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#111827}.diploma-editor-header p{margin:0;font-size:14px;color:#6b7280}.diploma-editor-content{display:flex;gap:20px;align-items:flex-start}.diploma-canvas-container{flex:1;display:flex;justify-content:center;align-items:center;min-height:400px;background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;padding:20px}.diploma-canvas{max-width:100%;max-height:500px;border:1px solid #e5e7eb;border-radius:4px;box-shadow:0 4px 6px #0000001a;transition:box-shadow .2s ease}.diploma-canvas:hover{box-shadow:0 6px 12px #00000026}.diploma-canvas:active{box-shadow:0 2px 4px #0003}.diploma-controls{width:250px;display:flex;flex-direction:column;gap:16px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{font-size:14px;font-weight:500;color:#374151}.font-size-slider{width:100%;height:6px;border-radius:3px;background:#e5e7eb;outline:none;-webkit-appearance:none}.font-size-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#3b82f6;cursor:pointer}.font-size-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#3b82f6;cursor:pointer;border:none}.font-size-slider:disabled{opacity:.5;cursor:not-allowed}.font-size-controls{display:flex;flex-direction:column;gap:12px}.font-size-input-group{display:flex;align-items:center;gap:8px}.font-size-input{width:80px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;text-align:center;background:#fff;transition:border-color .2s ease}.font-size-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.font-size-input:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.font-size-unit{font-size:14px;color:#6b7280;font-weight:500}.font-size-value{font-size:12px;color:#6b7280;text-align:center;font-weight:500}.font-weight-select,.text-align-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background-color:#fff;transition:border-color .2s ease}.font-weight-select:focus,.text-align-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.font-weight-select:disabled,.text-align-select:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.position-info{padding:12px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px}.position-coords{display:flex;justify-content:space-between;font-size:12px;color:#6b7280;font-family:Courier New,monospace}.position-coords span{font-weight:500}@media (max-width: 768px){.diploma-editor-content{flex-direction:column}.diploma-controls{width:100%}.diploma-canvas-container{min-height:300px}}.diploma-management{max-width:1200px;margin:0 auto;padding:20px}.diploma-management-header{text-align:center;margin-bottom:30px}.diploma-management-header h1{margin:0 0 8px;font-size:28px;font-weight:700;color:#111827}.diploma-management-header p{margin:0;font-size:16px;color:#6b7280}.alert{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:14px}.alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.alert-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.alert-close{background:none;border:none;font-size:18px;cursor:pointer;color:inherit;opacity:.7}.alert-close:hover{opacity:1}.diploma-management-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.diploma-form{display:flex;flex-direction:column;gap:24px}.form-section{background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.form-section h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#111827}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.form-group label{font-size:14px;font-weight:500;color:#374151}.radio-group{display:flex;gap:16px}.radio-option{display:flex;align-items:center;gap:8px;cursor:pointer}.radio-option input[type=radio]{margin:0}.radio-option span{font-size:14px;color:#374151}.file-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background-color:#fff}.file-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.url-input,.select-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background-color:#fff;transition:border-color .2s ease}.url-input:focus,.select-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group small{font-size:12px;color:#6b7280}.diploma-preview{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;min-height:400px;display:flex;align-items:center;justify-content:center}.diploma-preview-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:400px}.placeholder-content{text-align:center;color:#6c757d}.placeholder-content svg{margin-bottom:16px;color:#adb5bd}.placeholder-content h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#495057}.placeholder-content p{margin:0;font-size:14px;color:#6c757d;max-width:300px}.diploma-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 0;border-top:1px solid #e5e7eb}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-secondary:hover:not(:disabled){background-color:#4b5563}.btn-danger{background-color:#dc2626;color:#fff}.btn-danger:hover:not(:disabled){background-color:#b91c1c}@media (max-width: 768px){.diploma-management-content{grid-template-columns:1fr;gap:20px}.diploma-actions{flex-direction:column}.btn{width:100%}}.diploma-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s ease;cursor:pointer;position:relative}.diploma-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.diploma-card-image{position:relative;width:100%;height:200px;overflow:hidden}.diploma-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.diploma-card:hover .diploma-card-image img{transform:scale(1.05)}.diploma-card-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.diploma-card:hover .diploma-card-overlay{opacity:1}.view-btn{background:#ffffffe6;border:none;border-radius:8px;padding:12px 20px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#111827;cursor:pointer;transition:all .2s ease}.view-btn:hover{background:#fff;transform:scale(1.05)}.diploma-card-content{padding:16px}.diploma-course-title{margin:0 0 8px;font-size:16px;font-weight:600;color:#111827;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.diploma-date{margin:0 0 12px;font-size:14px;color:#6b7280}.diploma-stats{margin-bottom:16px}.download-count{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280;background-color:#f9fafb;padding:4px 8px;border-radius:4px;width:fit-content}.diploma-actions{display:flex;gap:8px}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;font-size:12px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.action-btn:hover{background-color:#f9fafb;border-color:#d1d5db}.download-image-btn:hover{background-color:#eff6ff;border-color:#3b82f6;color:#3b82f6}.download-pdf-btn:hover{background-color:#fef2f2;border-color:#dc2626;color:#dc2626}.action-btn svg{flex-shrink:0}@media (max-width: 480px){.diploma-card-image{height:160px}.diploma-card-content{padding:12px}.diploma-course-title{font-size:14px}.diploma-actions{flex-direction:column}.action-btn{font-size:11px;padding:6px 10px}}.diploma-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.diploma-modal{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column}.diploma-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.diploma-modal-title h2{margin:0 0 4px;font-size:20px;font-weight:600;color:#111827}.diploma-modal-title p{margin:0;font-size:14px;color:#6b7280}.diploma-modal-close{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.diploma-modal-close:hover{background-color:#e5e7eb;color:#374151}.diploma-modal-content{flex:1;display:flex;overflow:hidden}.diploma-preview-container{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;background:#f9fafb;overflow:auto}.diploma-preview-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 4px 6px #0000001a}.diploma-modal-info{width:280px;padding:24px;background:#fff;border-left:1px solid #e5e7eb;overflow-y:auto}.diploma-info-item{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.info-label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:14px;color:#111827;font-weight:500}.diploma-modal-actions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{background-color:#2563eb}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover{background-color:#4b5563}@media (max-width: 768px){.diploma-modal-overlay{padding:10px}.diploma-modal{max-height:95vh}.diploma-modal-content{flex-direction:column}.diploma-modal-info{width:100%;border-left:none;border-top:1px solid #e5e7eb}.diploma-preview-container{padding:16px;min-height:300px}.diploma-modal-actions{flex-direction:column}.btn{width:100%}}@media (max-width: 480px){.diploma-modal-header{padding:16px}.diploma-modal-title h2{font-size:18px}.diploma-modal-info,.diploma-modal-actions{padding:16px}}.user-diplomas-page{max-width:1200px;margin:0 auto;padding:20px}.diplomas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff}.diplomas-header-content h1{margin:0 0 8px;font-size:28px;font-weight:700}.diplomas-header-content p{margin:0;font-size:16px;opacity:.9}.diplomas-stats{display:flex;gap:24px}.stat-item{text-align:center}.stat-number{display:block;font-size:24px;font-weight:700;margin-bottom:4px}.stat-label{font-size:14px;opacity:.8}.diplomas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:30px}.diplomas-footer{text-align:center;padding:24px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.diplomas-footer-text{margin:0;font-size:16px;color:#374151}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.empty-icon{margin-bottom:24px;color:#9ca3af}.empty-state h3{margin:0 0 12px;font-size:20px;font-weight:600;color:#111827}.empty-state p{font-size:16px;color:#6b7280;max-width:400px;margin:0 auto 24px}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover{background-color:#2563eb;transform:translateY(-1px)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{margin:0;font-size:16px;color:#6b7280}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.error-icon{margin-bottom:24px;color:#ef4444}.error-container h3{margin:0 0 12px;font-size:20px;font-weight:600;color:#111827}.error-container p{margin:0 0 24px;font-size:16px;color:#6b7280}.retry-button{padding:10px 20px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.retry-button:hover{background-color:#2563eb}@media (max-width: 768px){.diplomas-header{flex-direction:column;gap:20px;text-align:center}.diplomas-stats{justify-content:center}.diplomas-grid{grid-template-columns:1fr;gap:16px}.user-diplomas-page{padding:16px}}@media (max-width: 480px){.diplomas-header{padding:20px}.diplomas-header-content h1{font-size:24px}.diplomas-header-content p{font-size:14px}.stat-number{font-size:20px}.empty-state{padding:40px 16px}.empty-state h3{font-size:18px}.empty-state p{font-size:14px}}:root{font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7f9ff;background-color:#03050d}*{box-sizing:border-box}body{margin:0}a{color:inherit}button{font-family:inherit}