@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar-mobile-open{transform:translate(0)}}@media(max-width:1024px){.auth-page:before{width:100%;height:100%}.logo-container{display:none}.auth-container{justify-content:center;align-items:center;padding:.5rem;overflow-y:hidden;height:100vh}.login-container-bis{max-height:95%}.auth-card{width:100%;max-width:480px;margin:0;padding:1rem;max-height:98vh;overflow-y:auto}.login-card,.register-card{width:100%;max-width:480px;margin:0 auto}}@media(max-width:640px){.auth-page:after,.glow-effect{display:none}.auth-card{padding:.5rem;max-height:none;overflow-y:visible;border-radius:0;margin:0;box-shadow:none}.form-options{flex-direction:column;align-items:flex-start;gap:1rem}}@media(max-width:1024px){.dashboard-stats-grid,.quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(max-width:640px){.dashboard-main{padding:1rem 0}.dashboard-page-title{font-size:1.5rem}.dashboard-page-subtitle{font-size:.875rem}.dashboard-stats-grid{grid-template-columns:1fr;gap:.75rem}.stat-card{padding:1rem}.stat-icon{width:2.5rem;height:2.5rem}.stat-icon svg{width:1.25rem;height:1.25rem}.stat-label{font-size:.75rem}.stat-value{font-size:1rem}.quick-actions-grid{grid-template-columns:1fr;gap:.75rem}.quick-action-card{padding:1rem}.quick-action-icon{width:2.5rem;height:2.5rem}.quick-action-title{font-size:.875rem}.quick-action-description{font-size:.75rem}.welcome-card{flex-direction:column;padding:1.5rem;text-align:center}.welcome-icon{margin:0 auto 1rem}}@media(max-width:1024px){.subscriptions-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(max-width:768px){.subscriptions-grid{grid-template-columns:1fr;gap:1rem}.subscription-active-card{flex-direction:column;align-items:flex-start;gap:1rem}.subscription-manage-button{width:100%;text-align:center}.subscription-card{padding:1.5rem}.subscription-name{font-size:1.25rem}.subscription-price{margin:1rem 0}.subscription-amount{font-size:2rem}.subscription-features{margin:1.5rem 0}.subscription-feature{font-size:.875rem}.subscription-note{flex-direction:column;align-items:flex-start;gap:.75rem}}@media(max-width:1280px){.videos-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.videos-grid{grid-template-columns:repeat(2,1fr)}.video-filters{flex-direction:column;gap:1rem}.filter-group{width:100%}.video-show-container{padding:1rem}}@media(max-width:768px){.videos-grid{grid-template-columns:1fr;gap:1rem}.video-card{padding:1rem}.video-thumbnail{height:200px}.video-title{font-size:1rem}.video-description{font-size:.875rem}.video-player-container{padding:0;margin:0}.video-player-wrapper{border-radius:0;margin:0}.video-player-info,.video-info,.video-show-header{padding:1rem}.video-show-title,.video-player-title{font-size:1.125rem;line-height:1.4;margin-bottom:.75rem}.video-player-info>div:first-child{flex-direction:column;align-items:stretch;gap:.75rem}.video-player-info>div:first-child>div:last-child{flex-direction:column;width:100%;gap:.5rem}.video-player-info button{width:100%;justify-content:center;padding:.75rem;font-size:.875rem}.video-meta,.video-player-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.video-meta-item{font-size:.813rem}.video-actions{flex-direction:column;gap:.5rem;margin-top:.75rem}.video-action-button{width:100%;justify-content:center;padding:.625rem;font-size:.875rem}.video-description-content,.video-player-description{font-size:.875rem;line-height:1.5}.video-embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;width:100%;border-radius:0}.video-embed-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.video-back-button{padding:.75rem 1rem;margin-bottom:0}.video-back-button svg{width:1rem;height:1rem}.video-back-button span{font-size:.875rem}.video-tags{flex-wrap:wrap;gap:.375rem;margin-top:.75rem}.video-tag,.video-badge,.level-badge,.duration-badge{font-size:.75rem;padding:.25rem .5rem}}@media(max-width:640px){.video-thumbnail{height:180px}.video-duration{font-size:.75rem;padding:.25rem .5rem}.video-show-container{padding:0}.video-player-wrapper{margin:0;border-radius:0}.video-player-info,.video-info,.video-show-header{padding:.75rem}.video-show-title,.video-player-title{font-size:1rem;margin-bottom:.5rem}.video-meta-item{font-size:.75rem}.video-player-info button{padding:.625rem;font-size:.813rem}.video-player-info button span{font-size:.813rem}.video-player-info button svg{width:1rem;height:1rem}.video-action-button{padding:.5rem;font-size:.813rem}.video-back-button,.video-back-link a{padding:.625rem .875rem;font-size:.813rem}.video-player-container+div{margin-top:1rem;padding:.75rem}.video-player-container+div .flex{flex-direction:column;gap:.75rem}.video-player-container+div a{width:100%;text-align:center;padding:.75rem 1rem}.video-related-section{margin-top:1.5rem;padding:0 .75rem}.video-related-title{font-size:1rem;margin-bottom:.75rem}.video-related-grid{grid-template-columns:1fr;gap:.75rem}.video-related-card{padding:.75rem}.video-related-card-title{font-size:.875rem}}@media(max-width:768px){.dashboard-header-content{flex-direction:column;align-items:stretch;gap:1rem}.dashboard-header-content a{width:100%;text-align:center}.space-y-4>div{padding:1rem 1rem 1rem 3.5rem}.space-y-4>div>.absolute{width:3rem}.space-y-4>div>.absolute span{font-size:1.25rem}.space-y-4>div>div>div:first-child{flex-direction:column;gap:1rem}.space-y-4>div a.flex-shrink-0{width:100%!important;height:180px!important;flex-shrink:1}.space-y-4>div a[class*=bg-gradient-to-r]{width:100%;justify-content:center;padding:.75rem 1rem}.space-y-4>div h3{font-size:1rem;line-height:1.4}.space-y-4>div p{font-size:.813rem}.space-y-4>div .flex.flex-wrap.items-center.gap-3{gap:.5rem;font-size:.813rem}.grid.grid-cols-1.md\\:grid-cols-3{grid-template-columns:1fr;gap:.75rem}}@media(max-width:640px){.space-y-4>div{padding-left:3rem;padding-right:.75rem}.space-y-4>div>.absolute{width:2.5rem}.space-y-4>div>.absolute span{font-size:1rem}.space-y-4>div a.flex-shrink-0{height:160px!important}.space-y-4{gap:.75rem}.space-y-4>div .inline-flex{font-size:.75rem;padding:.25rem .5rem}}@media(max-width:640px){.pwa-modal{max-width:95%;margin:.5rem;border-radius:1rem}.pwa-modal-header{padding:1rem;flex-wrap:wrap}.pwa-modal-icon{width:2.5rem;height:2.5rem}.pwa-modal-title{font-size:1.125rem}.pwa-modal-content{padding:1rem}.pwa-info-title{font-size:1rem}.pwa-info-text{font-size:.875rem}.pwa-benefit-item{padding:.625rem}.pwa-benefit-item strong{font-size:.875rem}.pwa-benefit-item span{font-size:.813rem}.pwa-instructions-title{font-size:1rem}.pwa-instruction-section{padding:.75rem}.pwa-instruction-platform{font-size:.875rem}.pwa-instruction-list{font-size:.813rem;padding-left:1.25rem}.pwa-note{padding:.75rem;font-size:.813rem}.pwa-modal-footer{padding:1rem;flex-direction:column}.pwa-modal-btn-secondary,.pwa-modal-btn-primary{width:100%}}@media(max-width:1024px){.profile-grid{grid-template-columns:1fr}}@media(max-width:768px){.profile-section{padding:1.5rem}.profile-header{flex-direction:column;align-items:flex-start;gap:1rem}.profile-actions{flex-direction:column;width:100%;gap:.75rem}.profile-actions button,.profile-actions a{width:100%;text-align:center}.form-group{margin-bottom:1rem}.form-actions{flex-direction:column;gap:.75rem}.form-actions button,.form-actions a{width:100%}}@media(max-width:1280px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-table-container{overflow-x:auto}}@media(max-width:1024px){.admin-header{flex-direction:column;align-items:flex-start;gap:1rem}.admin-actions{width:100%;flex-direction:column;gap:.75rem}.admin-actions button,.admin-actions a{width:100%;text-align:center}}@media(max-width:768px){.admin-stats-grid{grid-template-columns:1fr;gap:1rem}.admin-stat-card{padding:1rem}.admin-card{padding:1.5rem}.admin-page-title{font-size:1.5rem}.admin-page-subtitle,.admin-table{font-size:.875rem}.admin-table th,.admin-table td{padding:.5rem}.admin-table .hide-mobile{display:none}}@media(max-width:768px){.admin-videos-grid,.video-form-grid{grid-template-columns:1fr}.video-prerequisites-list{max-height:250px}}@media(max-width:640px){.form-row{flex-direction:column;gap:1rem}.form-col{width:100%}.form-grid{grid-template-columns:1fr;gap:1rem}.button-group{flex-direction:column;gap:.75rem}.button-group button,.button-group a{width:100%;text-align:center}}@media(max-width:640px){.modal-content{width:95%;max-width:none;margin:1rem;padding:1.5rem}.modal-header{font-size:1.25rem}.modal-actions{flex-direction:column;gap:.75rem}.modal-actions button{width:100%}}@media(max-width:640px){.two-factor-container{padding:1.5rem}.qr-code-container{max-width:200px}.backup-codes-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;font-size:.875rem}}@media(max-width:640px){.crypto-disclaimer-modal{bottom:0;right:0;left:0;max-width:100%;margin:0;border-radius:1rem 1rem 0 0}}@media(max-width:768px){.dashboard-header-content{padding:1rem 1.5rem}.sidebar-text{font-size:.875rem}.mobile-header{padding:1rem 1.5rem}.dashboard-header{position:relative}.dashboard-header>div{padding:1rem!important}.dashboard-header-with-widgets{flex-direction:column;align-items:flex-start;gap:1rem}.dashboard-header-main{width:100%}.dashboard-page-title{font-size:1.25rem;line-height:1.5rem;word-break:break-word}.dashboard-page-subtitle{font-size:.75rem;margin-top:.25rem}.crypto-widgets-container{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem;margin-top:.75rem;gap:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.crypto-widgets-container::-webkit-scrollbar{height:4px}.crypto-widgets-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.crypto-widgets-container::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:2px}.crypto-widget{min-width:110px;max-width:130px;flex-shrink:0;padding:.5rem .75rem}.crypto-widget-icon{width:28px;height:28px}.crypto-widget-icon-image{width:20px;height:20px}.crypto-widget-name{font-size:.65rem}.crypto-widget-value{font-size:.8rem}.crypto-widget-change{font-size:.6rem}.crypto-widget-empty{width:100%;font-size:.75rem;padding:.5rem}}@media(max-width:480px){.dashboard-header>div{padding:.75rem!important}.dashboard-page-title{font-size:1.1rem;line-height:1.4rem}.dashboard-page-subtitle{font-size:.7rem}.crypto-widget{min-width:100px;max-width:120px;padding:.4rem .6rem}.crypto-widget-icon{width:24px;height:24px}.crypto-widget-value{font-size:.75rem}}@media(max-width:768px){.welcome-carousel{margin:0;padding:0 .5rem}.carousel-wrapper{padding:.5rem 0 3rem;margin:0}.welcome-swiper{padding:.5rem .75rem;margin:0 -.75rem}.welcome-swiper .swiper-wrapper{padding:.25rem 0}.welcome-swiper .swiper-slide{padding:.25rem .375rem}.welcome-swiper .swiper-slide>a,.welcome-swiper .swiper-slide>div{width:100%}.welcome-swiper .video-card{border-radius:1rem;box-shadow:0 4px 15px #0003}.welcome-swiper .video-card:hover{transform:none}.welcome-swiper .video-thumbnail{aspect-ratio:16/9}.welcome-swiper .video-card>.p-4{padding:.75rem!important}.welcome-swiper .video-card h3{font-size:.875rem;line-height:1.25rem}.welcome-swiper .swiper-slide>a.group{border-radius:.75rem}.welcome-swiper .swiper-slide>a.group .p-4{padding:.75rem!important}.welcome-swiper .swiper-slide>a.group h3{font-size:.9rem;line-height:1.2rem}.welcome-swiper .swiper-slide>a.group p{font-size:.7rem;line-height:1rem}.section-title h2{font-size:1.25rem;padding:0}.carousel-pagination{bottom:.5rem!important}.swiper-pagination-bullet{width:1.5rem!important}.swiper-pagination-bullet-active{width:2rem!important}}@media(max-width:480px){.welcome-carousel{margin:0 .5rem}.welcome-swiper .swiper-slide{padding:.25rem .375rem}.welcome-swiper .video-card{border-radius:.75rem}.welcome-swiper .video-card>.p-4{padding:.5rem!important}.welcome-swiper .video-card h3{font-size:.8rem;line-height:1.1rem}.welcome-swiper .video-card .text-\[10px\]{font-size:8px!important}.section-title h2{font-size:1.1rem}.video-thumbnail .absolute.bottom-2{bottom:.25rem;right:.25rem;padding:.125rem .375rem;font-size:.625rem}}@media(max-width:768px){.hide-sm{display:none!important}}@media(max-width:640px){.hide-xs{display:none!important}}.show-sm{display:none!important}@media(max-width:768px){.show-sm{display:block!important}}.show-xs{display:none!important}@media(max-width:640px){.show-xs{display:block!important}}@media(max-width:768px){.sm\:text-center{text-align:center!important}.sm\:text-left{text-align:left!important}}@media(max-width:768px){.sm\:px-4{padding-left:1rem!important;padding-right:1rem!important}.sm\:py-4{padding-top:1rem!important;padding-bottom:1rem!important}.sm\:p-4{padding:1rem!important}.sm\:gap-4{gap:1rem!important}}@media(max-width:1024px){.welcome-hero{padding:4rem 2rem}.welcome-title{font-size:2.5rem}.welcome-features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.welcome-hero{padding:3rem 1.5rem}.welcome-title{font-size:2rem}.welcome-subtitle{font-size:1rem}.welcome-features-grid{grid-template-columns:1fr;gap:1.5rem}.welcome-cta{flex-direction:column;gap:1rem}.welcome-cta button,.welcome-cta a{width:100%;text-align:center}}@media(max-width:640px){.error-container{padding:2rem 1rem}.error-code{font-size:4rem}.error-title{font-size:1.5rem}.error-actions{flex-direction:column;width:100%;gap:.75rem}.error-actions button,.error-actions a{width:100%}}@media(max-width:768px){.responsive-table{display:block}.responsive-table thead{display:none}.responsive-table tbody{display:block}.responsive-table tr{display:block;margin-bottom:1rem;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:1rem;background:#ffffff05}.responsive-table td{display:block;text-align:right;padding:.5rem 0;border:none}.responsive-table td:before{content:attr(data-label);float:left;font-weight:600;color:#ffffffb3}}@media(max-width:640px){.pagination{flex-wrap:wrap;justify-content:center;gap:.5rem}.pagination-item{min-width:2.5rem;padding:.5rem}.pagination-number{display:none}.pagination-prev,.pagination-next{display:flex!important}}@media(max-width:768px){.search-bar{width:100%}.filter-bar{flex-direction:column;gap:1rem}.filter-select{width:100%}.search-input{font-size:1rem}}@media(max-width:1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}}@media(max-width:1024px){.learning-path-grid{grid-template-columns:1fr}.path-sidebar{position:static;width:100%;margin-bottom:2rem}}@media(max-width:768px){.learning-card{padding:1rem}.level-badge{font-size:.75rem;padding:.25rem .5rem}.progress-bar-container{height:.5rem}}@media print{.sidebar,.mobile-header,.sidebar-overlay,.no-print{display:none!important}.dashboard-main{margin-left:0!important}body{background:#fff!important;color:#000!important}}
