.search-bar-container{position:relative;width:100%;max-width:600px;transition:all .3s ease}.search-form{display:flex;align-items:center;background-color:var(--color-background-card);border-radius:9999px;overflow:hidden;transition:all .3s ease;width:100%}.search-input{flex:1;padding:.75rem 1rem;background:transparent;border:none;color:var(--color-text);font-size:1rem;width:100%}.search-input:focus{outline:none}.search-button{background:none;border:none;padding:.75rem 1rem;cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center}.search-icon{font-size:1.25rem}.search-toggle-button{display:none;background:none;border:none;padding:.5rem;cursor:pointer;color:var(--color-text)}.close-search-button{display:none;background:none;border:none;padding:.75rem .5rem;cursor:pointer;color:var(--color-text)}.search-suggestions{position:absolute;top:100%;left:0;right:0;background-color:var(--color-background-card);border-radius:.5rem;box-shadow:0 4px 12px #0003;margin-top:.5rem;z-index:100;max-height:400px;overflow-y:auto}.suggestion-loading,.suggestion-no-results{padding:1rem;text-align:center;color:var(--color-text-secondary)}.suggestions-list{list-style:none;padding:0;margin:0}.suggestion-item{display:flex;align-items:center;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s}.suggestion-item:hover{background-color:#ffffff1a}.suggestion-thumbnail{width:40px;height:40px;object-fit:cover;border-radius:.25rem;margin-right:.75rem}.suggestion-details{display:flex;flex-direction:column}.suggestion-title{font-weight:600;margin-bottom:.25rem}.suggestion-category{font-size:.75rem;color:var(--color-text-secondary)}.suggestion-show-all{padding:.75rem 1rem;border-top:1px solid rgba(255,255,255,.1)}.suggestion-show-all button{width:100%;background:none;border:none;text-align:center;color:var(--color-primary);cursor:pointer;font-weight:500;padding:.5rem}.suggestion-show-all button:hover{text-decoration:underline}@media (max-width: 768px){.search-bar-container{max-width:40px}.search-toggle-button{display:block}.search-form{position:absolute;top:0;right:100%;opacity:0;pointer-events:none;width:60vw}.close-search-button{display:block}.search-bar-container.expanded{max-width:100%}.search-bar-container.expanded .search-toggle-button{display:none}.search-bar-container.expanded .search-form{right:0;opacity:1;pointer-events:all}.search-bar-container.hide-on-mobile{display:none}}.navbar{position:fixed;top:0;left:0;right:0;height:var(--header-height);z-index:100;transition:background-color .3s ease}.navbar-scrolled{background-color:var(--color-background);box-shadow:0 2px 10px #0000004d}.navbar-container{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 2rem;max-width:var(--content-max-width);margin:0 auto}.navbar-left{display:flex;align-items:center}.navbar-logo{font-size:1.75rem;font-weight:700;color:var(--color-primary);text-decoration:none;margin-right:2rem}.navbar-nav{display:flex;height:100%}.navbar-menu{display:flex;list-style:none;margin:0;padding:0;height:100%}.navbar-menu-item{height:100%;position:relative}.navbar-menu-link{display:flex;align-items:center;height:100%;padding:0 1rem;color:var(--color-text);text-decoration:none;font-weight:500;transition:color .2s}.navbar-menu-link:hover,.navbar-menu-link.active{color:var(--color-primary)}.navbar-menu-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background-color:var(--color-primary)}.navbar-right{display:flex;align-items:center;gap:1rem}.theme-toggle-button{background:none;border:none;font-size:1.25rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.theme-toggle-button:hover{background-color:#ffffff1a}.user-menu{position:relative}.user-menu-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--color-text);cursor:pointer;padding:.5rem;border-radius:.25rem}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-dropdown{position:absolute;top:100%;right:0;background-color:var(--color-background-card);border-radius:.25rem;box-shadow:0 4px 12px #0003;padding:.5rem 0;min-width:200px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease}.user-menu:hover .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:block;padding:.75rem 1rem;color:var(--color-text);text-decoration:none;transition:background-color .2s}.dropdown-item:hover{background-color:#ffffff1a;text-decoration:none}.dropdown-item.logout{color:var(--color-danger);background:none;border:none;width:100%;text-align:left;cursor:pointer;font-size:1rem}.auth-buttons{display:flex;gap:.75rem}.auth-button{padding:.5rem 1rem;border-radius:.25rem;text-decoration:none;font-weight:500;transition:all .2s}.auth-button.login{color:var(--color-text);border:1px solid var(--color-border)}.auth-button.login:hover{background-color:#ffffff1a;text-decoration:none}.auth-button.register{background-color:var(--color-primary);color:#fff}.auth-button.register:hover{background-color:var(--color-primary-dark);text-decoration:none}.mobile-menu-button{display:none;background:none;border:none;color:var(--color-text);font-size:1.5rem;cursor:pointer}.mobile-menu{display:none;position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background-color:var(--color-background);padding:1rem;transform:translate(100%);transition:transform .3s ease;z-index:99;overflow-y:auto}.mobile-menu.open{transform:translate(0)}.mobile-menu-list{list-style:none;padding:0;margin:1.5rem 0 0}.mobile-menu-item{margin-bottom:.5rem}.mobile-menu-link{display:block;padding:.75rem 1rem;color:var(--color-text);text-decoration:none;font-size:1.25rem;border-radius:.25rem;transition:background-color .2s}.mobile-menu-link:hover{background-color:#ffffff1a;text-decoration:none}.mobile-menu-link.logout{color:var(--color-danger);background:none;border:none;width:100%;text-align:left;cursor:pointer;font-size:1.25rem}@media (max-width: 992px){.navbar-nav{display:none}.mobile-menu-button,.mobile-menu{display:block}}@media (max-width: 768px){.auth-buttons{display:none}.navbar-container{padding:0 1rem}}.footer{background-color:var(--color-secondary-dark);color:#fff;padding:3rem 0 1.5rem;margin-top:4rem}.footer-container{max-width:var(--content-max-width);margin:0 auto;padding:0 2rem}.footer-content{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:3rem}.footer-title{font-size:1.5rem;color:var(--color-primary);margin-bottom:1rem}.footer-description{color:#ffffffb3;line-height:1.6}.footer-heading{font-size:1.125rem;margin-bottom:1rem;color:#fff}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.75rem}.footer-links a{color:#ffffffb3;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff;text-decoration:none}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.copyright{color:#ffffff80;font-size:.875rem}.social-links{display:flex;gap:1.5rem}.social-links a{color:#ffffffb3;text-decoration:none;transition:color .2s}.social-links a:hover{color:#fff}@media (max-width: 992px){.footer-content{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.footer-content{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:var(--header-height)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;font-weight:500;line-height:1.5;text-align:center;cursor:pointer;border:none;outline:none;transition:all .2s ease-in-out;padding:.5rem 1rem;border-radius:.25rem;gap:.5rem}.btn:focus{box-shadow:0 0 0 .25rem #fff3}.btn:disabled,.btn-disabled{opacity:.65;pointer-events:none}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-secondary);color:#fff}.btn-secondary:hover{background-color:var(--color-secondary-dark)}.btn-outlined{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-outlined:hover{background-color:#ffffff1a}.btn-outlined.btn-primary{border-color:var(--color-primary);color:var(--color-primary)}.btn-outlined.btn-secondary{border-color:var(--color-secondary);color:var(--color-secondary)}.btn-small{font-size:.875rem;padding:.25rem .5rem}.btn-medium{font-size:1rem;padding:.5rem 1rem}.btn-large{font-size:1.125rem;padding:.75rem 1.5rem}.btn-rounded{border-radius:9999px}.btn-full-width{width:100%}.btn-icon{display:inline-flex;align-items:center}.btn-icon-left{margin-right:.25rem}.btn-icon-right{margin-left:.25rem}.hero-banner{position:relative;width:100%;height:80vh;min-height:500px;max-height:800px;overflow:hidden;margin-bottom:2rem}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.hero-image,.hero-video{width:100%;height:100%;object-fit:cover}.hero-video{opacity:0;transition:opacity 1s ease}.hero-video.loaded{opacity:1}.hero-gradient-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right,#000c,#00000080,#0000004d);z-index:2}.hero-content{position:absolute;top:50%;left:5%;transform:translateY(-50%);max-width:50%;z-index:3;color:#fff;padding:2rem}.hero-metadata{display:flex;gap:1rem;margin-bottom:1rem;align-items:center}.hero-new-badge{background-color:var(--color-accent);color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:700}.hero-duration,.hero-level{font-size:.875rem;color:#fffc}.hero-title{font-size:3rem;font-weight:700;margin-top:0;margin-bottom:1rem;line-height:1.2}.hero-description{font-size:1.25rem;margin-bottom:1.5rem;line-height:1.5;opacity:.9}.hero-instructor{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem}.instructor-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.5)}.hero-actions{display:flex;gap:1rem}.play-icon,.plus-icon{font-size:1rem}.hero-video-controls{position:absolute;bottom:20px;right:20px;z-index:3}.mute-toggle{background-color:#0009;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.mute-toggle:hover{background-color:#000c}@media (max-width: 992px){.hero-content{max-width:70%}.hero-title{font-size:2.5rem}}@media (max-width: 768px){.hero-banner{height:70vh}.hero-content{max-width:90%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:1rem}.hero-title{font-size:2rem}.hero-description{font-size:1rem}.hero-metadata,.hero-instructor{justify-content:center}.hero-actions{flex-direction:column;width:100%;max-width:300px;margin:0 auto}}.course-card{position:relative;width:100%;max-width:320px;height:230px;border-radius:.5rem;overflow:hidden;background-color:var(--color-background-card);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.course-card.hover-effect:hover{transform:scale(1.05);z-index:10;box-shadow:0 10px 20px #00000080}.course-card.hovered{height:360px}.course-card-media{position:relative;width:100%;height:160px;overflow:hidden}.course-thumbnail,.course-preview{width:100%;height:100%;object-fit:cover}.new-badge{position:absolute;top:10px;right:10px;background-color:var(--color-accent);color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:700}.level-badge{position:absolute;bottom:10px;left:10px;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.level-principiante{background-color:var(--color-success);color:#fff}.level-intermedio{background-color:var(--color-warning);color:#000}.level-avanzato{background-color:var(--color-danger);color:#fff}.progress-container{position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:#fff3}.progress-bar{height:100%;background-color:var(--color-primary);transition:width .3s ease}.course-card-content{padding:1rem}.course-title{margin:0 0 .5rem;font-size:1rem;font-weight:600;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-metadata{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem;color:var(--color-text-secondary)}.course-rating{display:flex;align-items:center;gap:.25rem}.star-icon{color:var(--color-warning)}.course-instructor{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary)}.instructor-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.hover-content{margin-top:1rem}.course-description{margin-bottom:1rem;font-size:.875rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.play-icon{font-size:.75rem}@media (max-width: 768px){.course-card{max-width:100%;height:auto}.course-card.hovered{height:auto}.hover-content{display:none}}.course-row{margin-bottom:3rem;position:relative}.course-row-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:0 4%}.course-row-title{font-size:1.5rem;font-weight:700;margin:0}.show-more-link{background:none;border:none;color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;padding:.5rem;transition:color .2s ease}.show-more-link:hover{color:var(--color-text);text-decoration:underline}.course-row-slider-container{position:relative;margin:0 2%}.course-row-slider{display:flex;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:1rem 2%;gap:.75rem}.course-row-slider::-webkit-scrollbar{display:none}.course-card-container{flex:0 0 auto;width:calc(20% - .75rem);transition:transform .3s ease}.course-row-slider-container:hover .slider-arrow{opacity:1}@media (max-width: 1200px){.course-card-container{width:calc(25% - .75rem)}}@media (max-width: 992px){.course-card-container{width:calc(33.333% - .75rem)}}@media (max-width: 768px){.course-card-container{width:calc(50% - .75rem)}}@media (max-width: 576px){.course-card-container{width:calc(100% - .75rem)}.slider-arrow{display:none}}.continue-watching-row{margin-bottom:3rem;position:relative}.continue-watching-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:0 4%}.continue-watching-title{font-size:1.5rem;font-weight:700;margin:0}.continue-watching-slider-container{position:relative;margin:0 2%}.continue-watching-slider{display:flex;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:1rem 2%;gap:1rem}.continue-watching-slider::-webkit-scrollbar{display:none}.continue-watching-item{flex:0 0 auto;width:calc(33.333% - 1rem);background-color:var(--color-background-card);border-radius:.5rem;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.continue-watching-item:hover{transform:scale(1.03);box-shadow:0 10px 20px #0000004d}.continue-watching-thumbnail{position:relative;height:150px;overflow:hidden}.course-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.continue-watching-item:hover .course-thumbnail{transform:scale(1.05)}.play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.continue-watching-item:hover .play-overlay{opacity:1}.play-icon{font-size:2rem;color:#fff;background-color:#0009;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center}.continue-watching-info{padding:1rem}.continue-watching-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.course-title{margin:0;font-size:1rem;font-weight:600;flex:1}.remove-button{background:none;border:none;color:var(--color-text-secondary);font-size:1.25rem;cursor:pointer;padding:.25rem;opacity:.7;transition:opacity .2s}.remove-button:hover{opacity:1;color:var(--color-danger)}.continue-watching-metadata{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.75rem;color:var(--color-text-secondary)}.continue-watching-chapter{font-size:.875rem;margin-bottom:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-bar-container{width:100%;height:4px;background-color:#fff3;border-radius:2px;overflow:hidden}.progress-bar{height:100%;background-color:var(--color-primary);border-radius:2px;transition:width .5s ease}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:80px;background-color:#00000080;border:none;color:#fff;font-size:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;opacity:0;transition:opacity .3s ease;border-radius:4px}.continue-watching-slider-container:hover .slider-arrow{opacity:1}.slider-arrow:hover{background-color:#000000b3}.slider-arrow-left{left:0}.slider-arrow-right{right:0}.continue-watching-loading,.continue-watching-error{padding:2rem 4%;color:var(--color-text-secondary)}@media (max-width: 1200px){.continue-watching-item{width:calc(50% - 1rem)}}@media (max-width: 768px){.continue-watching-item{width:calc(100% - 1rem)}.slider-arrow{display:none}}.home-page{padding-bottom:4rem}.home-loading{display:flex;align-items:center;justify-content:center;height:50vh;color:var(--color-text-secondary);font-size:1.25rem}.auth-container{display:flex;min-height:calc(100vh - 70px);background-color:var(--color-background)}.auth-form-container{flex:1;max-width:500px;padding:3rem 2rem;display:flex;flex-direction:column}.auth-header{margin-bottom:2rem;text-align:center}.auth-header h1{font-size:2rem;margin-bottom:.5rem}.auth-header p{color:var(--color-text-secondary)}.auth-form{margin-bottom:2rem}.auth-error{background-color:#dc35451a;color:var(--color-danger);padding:1rem;border-radius:.25rem;margin-bottom:1.5rem;font-size:.875rem}.form-row .form-group{flex:1;margin-bottom:0}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password]{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:.25rem;background-color:var(--color-background-card);color:var(--color-text)}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=password]:focus{outline:none;border-color:var(--color-primary)}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.remember-me{display:flex;align-items:center;gap:.5rem}.forgot-password-link{color:var(--color-primary);text-decoration:none;font-size:.875rem}.forgot-password-link:hover{text-decoration:underline}.checkbox-group{display:flex;align-items:flex-start;gap:.75rem}.checkbox-group input[type=checkbox]{margin-top:.25rem}.checkbox-group label{font-size:.875rem;margin-bottom:0}.checkbox-group label a{color:var(--color-primary);text-decoration:none}.checkbox-group label a:hover{text-decoration:underline}.auth-footer{text-align:center;margin-top:auto;color:var(--color-text-secondary)}.auth-footer a{color:var(--color-primary);text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.auth-showcase{flex:1;background:linear-gradient(45deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;padding:2rem}.showcase-content{max-width:500px}.showcase-content h2{font-size:2.5rem;margin-bottom:1rem}.showcase-content p{font-size:1.25rem;opacity:.9}@media (max-width: 992px){.auth-showcase{display:none}.auth-form-container{max-width:100%}}@media (max-width: 576px){.auth-form-container{padding:2rem 1rem}.form-row{flex-direction:column;gap:0}}.register-container{min-height:100vh}.form-steps{display:flex;align-items:center;justify-content:center;margin-top:1.5rem}.step{display:flex;flex-direction:column;align-items:center;position:relative}.step-number{width:30px;height:30px;border-radius:50%;background-color:var(--color-secondary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;margin-bottom:.5rem}.step-label{font-size:.75rem;color:var(--color-text-secondary)}.step.active .step-number{background-color:var(--color-primary)}.step.active .step-label{color:var(--color-text);font-weight:600}.step.completed .step-number{background-color:var(--color-success)}.step-line{flex:1;height:2px;background-color:var(--color-border);margin:0 1rem;position:relative;top:-15px}.password-strength{margin-top:.5rem}.strength-meter{height:4px;background-color:var(--color-border);border-radius:2px;overflow:hidden;margin-bottom:.25rem}.strength-meter-fill{height:100%;border-radius:2px;transition:width .3s ease,background-color .3s ease}.strength-label{font-size:.75rem;color:var(--color-text-secondary);text-align:right}.form-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem}.showcase-features{display:flex;justify-content:space-between;margin-top:2rem}.feature-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem;background-color:#ffffff1a;border-radius:.5rem;flex:1;margin:0 .5rem}.feature-icon{font-size:2rem;margin-bottom:.5rem}.feature-text{font-weight:500}@media (max-width: 992px){.showcase-features{flex-direction:column;gap:1rem}.feature-item{margin:0}}@media (max-width: 576px){.form-actions{flex-direction:column-reverse}.form-steps{flex-direction:column;gap:1rem}.step-line{width:2px;height:20px;margin:0}}.course-view{margin-bottom:4rem}.course-hero{position:relative;padding:4rem 4% 3rem;color:#fff}.course-hero-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;filter:blur(8px);opacity:.4;z-index:-1}.course-hero-backdrop:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,.8),var(--color-background))}.course-hero-content{display:flex;gap:4rem;max-width:var(--content-max-width);margin:0 auto}.course-hero-info{flex:2}.course-metadata{display:flex;gap:1.5rem;margin-bottom:1.5rem;font-size:.875rem}.course-level{background-color:var(--color-primary);padding:.25rem .75rem;border-radius:9999px}.course-title{font-size:2.5rem;margin-bottom:1rem}.course-description{font-size:1.125rem;margin-bottom:1.5rem;line-height:1.6;opacity:.9}.course-instructor{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.instructor-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.course-stats{margin-bottom:2rem}.course-rating{display:flex;align-items:center;gap:.5rem}.rating-star{color:var(--color-warning);font-size:1.25rem}.rating-count{opacity:.8;font-size:.875rem}.course-actions{display:flex;gap:1rem}.course-preview{flex:1;display:flex;justify-content:center}.preview-card{width:100%;max-width:400px;background-color:var(--color-background-card);border-radius:.5rem;overflow:hidden;box-shadow:0 10px 30px #0000004d}.preview-thumbnail{position:relative;height:225px;overflow:hidden}.preview-thumbnail img{width:100%;height:100%;object-fit:cover}.preview-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.preview-play-button:hover{background-color:var(--color-primary)}.play-icon{font-size:1.5rem}.preview-info{padding:1.5rem}.preview-stat{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:var(--color-text)}.preview-stat:last-child{margin-bottom:0}.stat-icon{font-size:1.25rem}.course-tabs{background-color:var(--color-background-card);margin-bottom:2rem}.tabs-container{display:flex;max-width:var(--content-max-width);margin:0 auto;padding:0 4%}.tab-button{padding:1.25rem 2rem;background:none;border:none;border-bottom:3px solid transparent;color:var(--color-text-secondary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.course-tab-content{max-width:var(--content-max-width);margin:0 auto;padding:2rem 4%}.overview-section{margin-bottom:2.5rem}.overview-section h2{font-size:1.5rem;margin-bottom:1rem}.overview-section ul{padding-left:1.5rem}.overview-section li{margin-bottom:.5rem}.course-full-description p{margin-bottom:1rem;line-height:1.6}.chapters-info{display:flex;gap:2rem;margin-bottom:1.5rem;color:var(--color-text-secondary)}.chapters-list{border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden}.chapter-item{border-bottom:1px solid var(--color-border);cursor:pointer}.chapter-item:last-child{border-bottom:none}.chapter-header{display:flex;align-items:center;padding:1.25rem;transition:background-color .2s}.chapter-item:hover .chapter-header{background-color:#ffffff0d}.chapter-item.active .chapter-header{background-color:var(--color-background-card)}.chapter-number{width:32px;height:32px;border-radius:50%;background-color:var(--color-secondary);color:#fff;display:flex;align-items:center;justify-content:center;margin-right:1rem;font-weight:600}.chapter-title{flex:1;font-weight:500}.chapter-preview{padding:0 1.25rem 1.25rem 4rem;background-color:var(--color-background-card)}.chapter-description{margin-bottom:1.5rem;color:var(--color-text-secondary)}.login-prompt{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem}.chapter-attachments{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.chapter-attachments h4{margin-bottom:.75rem}.attachment-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#ffffff0d;border-radius:.25rem;margin-bottom:.5rem}.attachment-download{background:none;border:none;cursor:pointer;font-size:1.25rem}.instructor-header{display:flex;align-items:center;gap:2rem;margin-bottom:2rem}.instructor-profile-image{width:120px;height:120px;border-radius:50%;object-fit:cover}.instructor-info h2{font-size:1.75rem;margin-bottom:.5rem}.instructor-title{color:var(--color-text-secondary)}.instructor-bio{margin-bottom:2rem}.instructor-bio h3{font-size:1.25rem;margin-bottom:1rem}.instructor-bio p{line-height:1.6}.instructor-stats{display:flex;gap:3rem}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:1.75rem;font-weight:700;color:var(--color-primary)}.stat-label{color:var(--color-text-secondary)}.related-courses-section{max-width:var(--content-max-width);margin:3rem auto 0;padding:0 4%}.related-courses-section h2{font-size:1.5rem;margin-bottom:1.5rem}.course-view-loading,.course-view-error{display:flex;justify-content:center;align-items:center;height:400px;font-size:1.25rem}.course-view-error{color:var(--color-danger)}@media (max-width: 992px){.course-hero-content{flex-direction:column;gap:2rem}.preview-card{max-width:100%}.tab-button{padding:1rem}.instructor-header{flex-direction:column;text-align:center;gap:1rem}.instructor-stats{justify-content:center}}@media (max-width: 576px){.course-hero{padding:3rem 1rem 2rem}.course-title{font-size:1.75rem}.tabs-container{flex-wrap:wrap}.tab-button{flex:1;padding:.75rem;font-size:.875rem}.instructor-stats{flex-direction:column;gap:1.5rem}}.video-player-container{position:relative;width:100%;height:0;padding-bottom:56.25%;background-color:#000;overflow:hidden;-webkit-user-select:none;user-select:none}.video-player-container.fullscreen{padding-bottom:0;height:100%}.video-element{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.buffer-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000b3;color:#fff;padding:1rem;border-radius:.5rem;z-index:20}.video-controls{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(transparent,#000000b3);padding:1rem;box-sizing:border-box;z-index:10;opacity:0;transition:opacity .3s ease;pointer-events:none}.video-controls.visible{opacity:1;pointer-events:all}.progress-bar-container{width:100%;height:10px;margin-bottom:1rem;cursor:pointer}.progress-bar{height:4px;width:100%;background-color:#ffffff4d;border-radius:2px}.progress-filled{height:100%;background-color:var(--color-primary);border-radius:2px;transition:width .1s linear}.progress-bar-container:hover .progress-bar{height:8px}.controls-row{display:flex;align-items:center;gap:.5rem}.control-button{background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.control-button:hover{background-color:#fff3}.seek-back,.seek-forward{font-size:.75rem;width:auto;border-radius:.25rem;padding:0 .5rem}.volume-container{position:relative}.volume-slider-container{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#000000b3;padding:.5rem;border-radius:.25rem;width:100px}.volume-slider{height:4px;background-color:#ffffff4d;cursor:pointer;border-radius:2px}.volume-level{height:100%;background-color:#fff;border-radius:2px}.time-display{font-size:.875rem;color:#fff;margin:0 .5rem}.spacer{flex-grow:1}.settings-container{position:relative}.settings-menu{position:absolute;bottom:100%;right:0;background-color:#000000e6;border-radius:.25rem;padding:.5rem;width:150px;display:flex;flex-direction:column;gap:.25rem}.settings-header{color:#ffffffb3;font-size:.875rem;margin-bottom:.5rem;text-align:center}.speed-option{background:none;border:none;color:#fff;padding:.5rem;text-align:left;cursor:pointer;border-radius:.25rem}.speed-option:hover{background-color:#fff3}.speed-option.active{background-color:var(--color-primary)}@media (max-width: 768px){.seek-back,.seek-forward,.control-button.pip{display:none}.control-button{width:36px;height:36px}.time-display{font-size:.75rem}}@media (max-width: 576px){.volume-container{display:none}}.watch-page{padding-top:0;min-height:100vh;background-color:var(--color-background)}.watch-container{max-width:1600px;margin:0 auto;padding:0 1rem}.watch-header{display:flex;align-items:center;padding:1rem 0;position:relative}.back-button{background:none;border:none;color:var(--color-text);font-size:1rem;cursor:pointer;padding:.5rem;margin-right:1rem}.course-title{font-size:1.5rem;margin:0}.watch-content{display:grid;grid-template-columns:3fr 1fr;gap:2rem;padding-bottom:3rem}.video-container{grid-column:1 / 3;width:100%}.chapter-info{grid-column:1 / 2;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.chapter-title{font-size:1.75rem;margin:0 0 .5rem}.chapter-duration{color:var(--color-text-secondary);font-size:.875rem}.watch-sidebar{grid-column:2 / 3;grid-row:2 / 4;background-color:var(--color-background-card);border-radius:.5rem;overflow:hidden;align-self:start}.sidebar-tabs{display:flex;border-bottom:1px solid var(--color-border)}.tab-button{flex:1;padding:1rem;background:none;border:none;color:var(--color-text);cursor:pointer;font-weight:500}.tab-button.active{border-bottom:2px solid var(--color-primary);color:var(--color-primary)}.tab-content{max-height:500px;overflow-y:auto}.chapters-list{padding:.5rem 0}.chapter-item{display:flex;align-items:center;padding:1rem;cursor:pointer;transition:background-color .2s;border-bottom:1px solid rgba(255,255,255,.05)}.chapter-item:hover{background-color:#ffffff0d}.chapter-item.active{background-color:rgba(var(--color-primary-rgb),.1)}.chapter-number{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background-color:var(--color-secondary);color:#fff;border-radius:50%;margin-right:1rem;font-size:.875rem}.chapter-item.active .chapter-number{background-color:var(--color-primary)}.chapter-details{flex:1}.chapter-item-title{margin:0 0 .25rem;font-size:1rem;font-weight:500}.chapter-item-duration{font-size:.75rem;color:var(--color-text-secondary)}.notes-container{padding:1rem}.notes-textarea{width:100%;height:300px;padding:.75rem;background-color:#ffffff0d;border:1px solid var(--color-border);border-radius:.25rem;color:var(--color-text);font-family:inherit;resize:vertical;margin-bottom:1rem}.notes-controls{display:flex;justify-content:flex-end}.navigation-controls{grid-column:1 / 2;display:flex;justify-content:space-between;margin-top:2rem}.prev-button,.next-button{min-width:160px}.attachments-section{grid-column:1 / 2;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--color-border)}.attachments-section h3{margin-top:0;font-size:1.25rem}.attachments-list{display:flex;flex-wrap:wrap;gap:1rem}.attachment-link{display:flex;align-items:center;padding:.5rem 1rem;background-color:var(--color-background-card);border-radius:.25rem;color:var(--color-primary);text-decoration:none;transition:background-color .2s}.attachment-link:hover{background-color:#ffffff1a;text-decoration:none}.fullscreen-mode{padding-top:0}.fullscreen-mode .watch-header,.fullscreen-mode .chapter-info,.fullscreen-mode .watch-sidebar,.fullscreen-mode .navigation-controls,.fullscreen-mode .attachments-section{display:none}.fullscreen-mode .video-container{height:100vh}.completion-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.completion-modal.visible{opacity:1;visibility:visible}.modal-content{background-color:var(--color-background-card);border-radius:.5rem;padding:2rem;max-width:500px;width:90%;text-align:center}.modal-content h2{margin-top:0;color:var(--color-primary)}.modal-buttons{display:flex;justify-content:center;gap:1rem;margin-top:2rem}@media (max-width: 992px){.watch-content{grid-template-columns:1fr}.video-container{grid-column:1 / 2}.watch-sidebar{grid-column:1 / 2;grid-row:auto}}@media (max-width: 576px){.watch-header{flex-direction:column;align-items:flex-start;gap:.5rem}.navigation-controls{flex-direction:column;gap:1rem}.prev-button,.next-button{width:100%}}.level-filter{min-width:150px}.level-filter .filter-select{width:100%}@media (max-width: 992px){.level-filter{width:100%}}.duration-filter{min-width:150px}.duration-filter .filter-select{width:100%}@media (max-width: 992px){.duration-filter{width:100%}}.sort-selector{min-width:200px;margin-left:auto}.sort-selector .filter-select{width:100%}@media (max-width: 992px){.sort-selector{width:100%;margin-left:0}}.search-page{padding:2rem 4%}.search-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 1rem;max-width:800px;margin:0 auto}.search-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.search-description{font-size:1.25rem;margin-bottom:2.5rem;color:var(--color-text-secondary)}.search-bar-large{width:100%;max-width:600px;margin-bottom:2rem}.popular-searches{margin-top:2rem}.popular-title{margin-bottom:1rem;color:var(--color-text-secondary)}.popular-tags{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.popular-tags button{background:none;border:1px solid var(--color-border);color:var(--color-text);padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;cursor:pointer;transition:all .2s}.popular-tags button:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.search-header{margin-bottom:2rem}.search-results-title{font-size:2rem;font-weight:700;margin-bottom:1.5rem}.inline-search-bar{margin-bottom:1.5rem}.search-filters{background-color:var(--color-background-card);padding:1.5rem;border-radius:.5rem;margin-bottom:2rem}.filter-row{display:flex;gap:1rem;margin-bottom:1rem}.search-content{min-height:300px}.search-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.search-result-item{height:100%}.load-more-container{display:flex;justify-content:center;margin-top:3rem}.no-results{text-align:center;padding:3rem;background-color:var(--color-background-card);border-radius:.5rem}.no-results h3{font-size:1.5rem;margin-bottom:1rem}.no-results p{max-width:600px;margin:0 auto 1.5rem;color:var(--color-text-secondary)}.search-loading,.search-error{display:flex;justify-content:center;align-items:center;height:300px;font-size:1.125rem}.search-error{color:var(--color-danger)}@media (max-width: 992px){.filter-row{flex-direction:column;gap:.75rem}.search-results-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}}@media (max-width: 768px){.search-title{font-size:2rem}.search-description{font-size:1rem}}@media (max-width: 576px){.search-page{padding:1rem}.search-results-grid{grid-template-columns:1fr;gap:1rem}.search-results-title{font-size:1.5rem}.popular-tags{flex-direction:column;align-items:stretch}.popular-tags button{width:100%}}.category-filter{min-width:200px}.filter-label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.875rem}.filter-select{width:100%;padding:.75rem;background-color:var(--color-background);color:var(--color-text);border:1px solid var(--color-border);border-radius:.25rem;font-size:.875rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem}.filter-select:focus{outline:none;border-color:var(--color-primary)}.theme-light .filter-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}@media (max-width: 992px){.category-filter{width:100%}}.browse-page{padding:2rem 4%}.browse-header{margin-bottom:2rem}.browse-title{font-size:2rem;font-weight:700;margin-bottom:1.5rem}.filters-section{background-color:var(--color-background-card);padding:1.5rem;border-radius:.5rem;margin-bottom:2rem}.filter-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.active-filters{display:flex;align-items:center;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.filter-count{margin-right:1rem;color:var(--color-text-secondary);font-size:.875rem}.reset-filters-button{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem;transition:color .2s}.reset-filters-button:hover{color:var(--color-primary-dark);text-decoration:underline}.reset-filters-button.large{font-size:1rem;padding:.75rem 1.5rem;border:1px solid var(--color-primary);border-radius:.25rem;margin-top:1rem}.browse-content{min-height:300px}.results-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.results-count{font-size:.875rem;color:var(--color-text-secondary)}.courses-rows{width:100%}.browse-content .course-row-slider-container:hover .slider-arrow{opacity:1}.browse-content .slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:80px;background-color:#00000080;border:none;color:#fff;font-size:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;opacity:0;transition:opacity .3s ease;border-radius:4px}.no-results{text-align:center;padding:3rem 0;color:var(--color-text-secondary)}.no-results h3{font-size:1.5rem;color:var(--color-text);margin-bottom:1rem}.no-results p{margin-bottom:1.5rem;font-size:1.125rem}.browse-loading,.browse-error{display:flex;justify-content:center;align-items:center;height:300px;font-size:1.125rem;color:var(--color-text-secondary)}.browse-error{color:var(--color-danger)}@media (max-width: 992px){.filter-row{flex-direction:column;gap:.75rem}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}}@media (max-width: 576px){.browse-page{padding:1rem}.courses-grid{grid-template-columns:1fr;gap:1rem}.browse-title{font-size:1.5rem}}.certificate-gallery{padding:1rem}.certificate-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.certificate-title{margin:0;font-size:1.75rem;font-weight:700}.filter-button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;padding:.5rem;display:flex;align-items:center;gap:.5rem}.filter-button:hover{color:var(--color-text)}.certificates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.certificate-item{display:flex;flex-direction:column;background-color:var(--color-background-card);border-radius:.5rem;overflow:hidden;transition:transform .2s,box-shadow .2s;cursor:pointer}.certificate-item:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0003}.certificate-preview{padding:2rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.certificate-icon{font-size:3rem;margin-bottom:1rem}.certificate-course-name{margin:.5rem 0;font-size:1.25rem;font-weight:600}.certificate-date{color:var(--color-text-secondary);font-size:.875rem;margin-top:.5rem}.certificate-actions{padding:1rem;display:flex;justify-content:center}.certificates-loading,.certificates-error,.certificates-empty{text-align:center;padding:3rem;color:var(--color-text-secondary)}.certificates-empty h3{font-size:1.5rem;margin-bottom:1rem;color:var(--color-text)}@media (max-width: 768px){.certificates-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 576px){.certificates-grid{grid-template-columns:1fr}.certificate-header{flex-direction:column;align-items:flex-start;gap:1rem}}.profile-page{max-width:1200px;margin:0 auto;padding:2rem}.profile-header{margin-bottom:2rem;text-align:center}.profile-header h1{font-size:2.5rem;margin-bottom:.5rem}.profile-header p{color:var(--color-text-secondary)}.profile-tabs{display:flex;justify-content:center;margin-bottom:2rem;border-bottom:1px solid var(--color-border)}.tab-button{background:none;border:none;padding:1rem 1.5rem;color:var(--color-text-secondary);font-size:1rem;cursor:pointer;position:relative;transition:color .2s}.tab-button:hover{color:var(--color-text)}.tab-button.active{color:var(--color-primary);font-weight:600}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background-color:var(--color-primary)}.success-message{background-color:#28a7451a;color:var(--color-success);padding:1rem;border-radius:.25rem;margin-bottom:1.5rem;text-align:center}.profile-section{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-card{background-color:var(--color-background-card);border-radius:.5rem;padding:2rem;margin-bottom:2rem;box-shadow:var(--box-shadow-sm)}.profile-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.profile-card-header h2{margin:0}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.profile-avatar{position:relative;width:150px;height:150px;border-radius:50%;overflow:hidden;margin-bottom:1rem}.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.profile-avatar:hover .avatar-overlay{opacity:1}.avatar-upload-label{background-color:var(--color-primary);color:#fff;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer}.avatar-upload-input{display:none}.profile-name{font-size:1.5rem;font-weight:600}.profile-form{margin-bottom:1rem}.form-row{display:flex;gap:1rem;margin-bottom:1.5rem}.form-row .form-group{flex:1}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:.25rem;background-color:var(--color-background);color:var(--color-text)}.form-group input:focus{outline:none;border-color:var(--color-primary)}.form-group input:disabled{opacity:.7;cursor:not-allowed}.form-error{color:var(--color-danger);font-size:.75rem;margin-top:.5rem;display:block}.form-actions{display:flex;justify-content:flex-end}.preferences-group{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--color-border)}.preferences-group:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.preferences-group h3{margin-bottom:1rem;font-size:1.25rem}.theme-selector{display:flex;gap:1.5rem}.theme-option{text-align:center;cursor:pointer}.theme-preview{width:120px;height:80px;border-radius:.5rem;margin-bottom:.5rem;overflow:hidden;transition:transform .2s,box-shadow .2s}.theme-option:hover .theme-preview{transform:translateY(-4px);box-shadow:var(--box-shadow-md)}.theme-option.active .theme-preview{border:3px solid var(--color-primary)}.theme-preview.dark{background-color:#141414}.theme-preview.light{background-color:#f5f7fa}.theme-preview-header{height:20px;background-color:#ffffff1a}.theme-preview.dark .theme-preview-content{background-color:#222;height:60px}.theme-preview.light .theme-preview-content{background-color:#fff;height:60px}.difficulty-selector{display:flex;gap:1rem}.difficulty-button{flex:1;padding:.75rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:.25rem;color:var(--color-text);cursor:pointer;transition:all .2s}.difficulty-button:hover{background-color:#ffffff1a}.difficulty-button.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.categories-selector{display:flex;flex-wrap:wrap;gap:.75rem}.category-chip{padding:.5rem 1rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:9999px;color:var(--color-text);cursor:pointer;transition:all .2s}.category-chip:hover{background-color:#ffffff1a}.category-chip.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.switch-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.switch-label input{opacity:0;width:0;height:0;position:absolute}.switch{position:relative;display:inline-block;width:48px;height:24px;background-color:var(--color-border);border-radius:9999px;transition:all .2s}.switch:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background-color:#fff;top:3px;left:3px;transition:all .2s}.switch-label input:checked+.switch{background-color:var(--color-primary)}.switch-label input:checked+.switch:after{transform:translate(24px)}.player-preference,.notification-preference{margin-bottom:1rem}.security-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--color-border)}.security-section:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.security-section h3{margin-bottom:1rem;font-size:1.25rem}.devices-list{display:flex;flex-direction:column;gap:1rem}.device-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--color-background);border-radius:.5rem;border:1px solid var(--color-border)}.device-info{display:flex;align-items:center;gap:1rem}.device-icon{font-size:2rem}.device-name{font-weight:600;margin-bottom:.25rem}.device-location,.device-last-access{font-size:.875rem;color:var(--color-text-secondary)}.account-actions{display:flex;gap:1rem}.danger-action{color:var(--color-danger)!important}.profile-recent-content{margin-top:3rem}.profile-recent-content h2{margin-bottom:1.5rem;font-size:1.5rem}@media (max-width: 992px){.profile-page{padding:1rem}}@media (max-width: 768px){.profile-tabs{flex-wrap:wrap}.tab-button{flex:1;min-width:40%;padding:.75rem 1rem}.form-row{flex-direction:column;gap:0}.difficulty-selector{flex-direction:column}.theme-selector{justify-content:center}.device-item{flex-direction:column;align-items:flex-start;gap:1rem}.account-actions{flex-direction:column}}.certificates-page{padding:2rem 5%;max-width:var(--content-max-width);margin:0 auto}.certificates-header{margin-bottom:2rem;text-align:center}.certificates-title{font-size:2.5rem;margin-bottom:.5rem}.certificates-subtitle{color:var(--color-text-secondary);font-size:1.125rem;max-width:600px;margin:0 auto}.certificates-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:3rem;flex-wrap:wrap}.stat-item{background-color:var(--color-background-card);border-radius:.5rem;padding:1.5rem;text-align:center;min-width:200px;flex:1;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease}.stat-item:hover{transform:translateY(-5px)}.stat-value{display:block;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--color-primary)}.stat-label{color:var(--color-text-secondary);font-size:.925rem}.certificates-loading,.certificates-error{text-align:center;padding:3rem;background-color:var(--color-background-card);border-radius:.5rem;margin-top:2rem}.certificates-error{color:var(--color-danger)}.retry-button{background-color:var(--color-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.25rem;margin-top:1rem;cursor:pointer;font-weight:500;transition:background-color .2s}.retry-button:hover{background-color:var(--color-primary-dark)}.certificate-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.certificate-modal{background-color:#fff;border-radius:.5rem;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;color:#333}.close-modal{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#777;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s;z-index:5}.close-modal:hover{background-color:#0000001a}.certificate-modal-content{padding:2rem}.certificate-preview{background-color:#f9f9f9;border:1px solid #ddd;padding:3rem;text-align:center;position:relative;margin-bottom:2rem;border-radius:.25rem;box-shadow:0 4px 15px #0000001a}.certificate-icon-large{font-size:4rem;margin-bottom:1rem}.certificate-modal-title{font-size:1.75rem;margin-bottom:.5rem;color:#333}.certificate-course-title{font-size:2rem;margin-bottom:2rem;color:var(--color-primary)}.certificate-recipient{font-size:1.5rem;margin-bottom:1rem;font-weight:700;color:#333;position:relative;display:inline-block}.certificate-recipient:after{content:"";position:absolute;bottom:-.5rem;left:10%;right:10%;height:1px;background-color:#ddd}.certificate-date{margin-top:2rem;font-style:italic;color:#666}.certificate-seal{position:absolute;bottom:2rem;right:2rem;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.certificate-seal img{max-width:100%;max-height:100%}.certificate-modal-actions{display:flex;gap:1rem;justify-content:center}.download-button,.share-button{padding:.75rem 1.5rem;border-radius:.25rem;border:none;font-weight:500;cursor:pointer;transition:all .2s}.download-button{background-color:var(--color-primary);color:#fff}.download-button:hover{background-color:var(--color-primary-dark)}.share-button{background-color:transparent;border:1px solid #ddd;color:#333}.share-button:hover{background-color:#f5f5f5}@media (max-width: 768px){.certificates-stats{flex-direction:column;gap:1rem}.certificate-preview{padding:2rem 1rem}.certificate-modal-title,.certificate-course-title{font-size:1.5rem}.certificate-recipient{font-size:1.25rem}.certificate-seal{width:70px;height:70px}}.not-found-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--header-height));padding:2rem;text-align:center}.not-found-content{max-width:600px}.error-code{font-size:8rem;font-weight:900;line-height:1;color:var(--color-primary);margin-bottom:1rem}.error-title{font-size:2.5rem;margin-bottom:1.5rem}.error-description{font-size:1.25rem;color:var(--color-text-secondary);margin-bottom:2.5rem}.error-actions{display:flex;justify-content:center;gap:1rem}@media (max-width: 576px){.error-code{font-size:6rem}.error-title{font-size:2rem}.error-description{font-size:1rem}.error-actions{flex-direction:column;width:100%;max-width:300px;margin:0 auto}}.terms-page,.privacy-page,.cookies-page{background-color:var(--color-background)}:root{--color-background: #141414;--color-background-card: #222222;--color-text: #FFFFFF;--color-text-secondary: #AAAAAA;--color-border: #333333;--color-primary: #E50914;--color-primary-dark: #B81D24;--color-secondary: #6D6D6D;--color-secondary-dark: #4D4D4D;--color-accent: #0071EB;--color-success: #28A745;--color-warning: #FFC107;--color-danger: #DC3545;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--font-family: "Roboto", "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-xxl: 2rem;--header-height: 70px;--sidebar-width: 240px;--content-max-width: 1400px}.theme-light{--color-background: #F5F7FA;--color-background-card: #FFFFFF;--color-text: #333333;--color-text-secondary: #666666;--color-border: #DDDDDD}:root{--color-background: #141414;--color-background-card: #222222;--color-text: #FFFFFF;--color-text-secondary: #AAAAAA;--color-border: #333333;--color-primary: #E50914;--color-primary-dark: #B81D24;--color-secondary: #6D6D6D;--color-secondary-dark: #4D4D4D;--color-accent: #0071EB;--color-success: #28A745;--color-warning: #FFC107;--color-danger: #DC3545;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--font-family: "Roboto", "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-xxl: 2rem;--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--box-shadow-sm: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--box-shadow-md: 0 4px 6px rgba(0, 0, 0, .16), 0 4px 6px rgba(0, 0, 0, .23);--box-shadow-lg: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--header-height: 70px;--sidebar-width: 240px;--content-max-width: 1400px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-md);line-height:1.5;color:var(--color-text);background-color:var(--color-background);overflow-x:hidden}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin-top:0;color:var(--color-text);font-weight:700;line-height:1.2}img,video{max-width:100%}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}.container{width:100%;max-width:var(--content-max-width);margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-xxl) 0}.section-title{margin-bottom:var(--spacing-xl);font-size:var(--font-size-xxl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-flex{display:flex}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}.flex-column{flex-direction:column}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-auto{margin-top:auto}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background-color:var(--color-secondary);border-radius:4px;border:2px solid var(--color-background)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-secondary-dark)}.legal-page{padding:3rem 2rem;max-width:100%;min-height:calc(100vh - var(--header-height))}.legal-content{max-width:900px;margin:0 auto;color:var(--color-text);line-height:1.6}.legal-title{font-size:2.5rem;margin-bottom:.5rem;color:var(--color-primary)}.last-updated{color:var(--color-text-secondary);margin-bottom:2rem;font-style:italic}.legal-section{margin-bottom:2rem}.legal-section h2{font-size:1.75rem;margin:1.5rem 0 1rem;color:var(--color-text-highlight)}.legal-section h3{font-size:1.35rem;margin:1.25rem 0 .75rem}.legal-section p{margin-bottom:1rem}.legal-section ul,.legal-section ol{margin-bottom:1rem;padding-left:2rem}.legal-section li{margin-bottom:.5rem}.legal-section a{color:var(--color-primary);text-decoration:none;transition:color .2s}.legal-section a:hover{text-decoration:underline}.legal-links{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--color-border);display:flex;gap:1.5rem}.legal-links a{color:var(--color-primary);text-decoration:none;transition:color .2s}.legal-links a:hover{text-decoration:underline}@media (max-width: 768px){.legal-page{padding:2rem 1rem}.legal-title{font-size:2rem}.legal-section h2{font-size:1.5rem}.legal-section h3{font-size:1.25rem}}