@font-face{font-family:"Poppins";src:url("/public/statics/fonts/Poppins/Poppins-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Poppins";src:url("/public/statics/fonts/Poppins/Poppins-Italic.ttf") format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Poppins";src:url("/public/statics/fonts/Poppins/Poppins-Light.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Poppins";src:url("/public/statics/fonts/Poppins/Poppins-LightItalic.ttf") format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"Poppins";src:url("/public/statics/fonts/Poppins/Poppins-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Poppins";src:url("/public/statics/fonts/Poppins/Poppins-MediumItalic.ttf") format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"Poppins";src:url("/public/statics/fonts/Poppins/Poppins-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Poppins";src:url("/public/statics/fonts/Poppins/Poppins-SemiBoldItalic.ttf") format("truetype");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:"Poppins";src:url("/public/statics/fonts/Poppins/Poppins-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Poppins";src:url("/public/statics/fonts/Poppins/Poppins-BoldItalic.ttf") format("truetype");font-weight:700;font-style:italic;font-display:swap}*{font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}body{padding-bottom:100px;overflow-x:hidden;font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}p{margin:0}.home-banner{background:linear-gradient(135deg, #0d47a1 0%, #1976d2 50%, #42a5f5 100%);position:relative;overflow:hidden}.home-banner::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 50%);pointer-events:none}.course-card:hover{transform:translateY(-10px);box-shadow:0 15px 35px rgba(13,27,42,.2) !important}.course-card:hover img{transform:scale(1.1)}.alert{border:none}.alert.alert-info{background-color:#b8e8fe !important;color:#044493}.alert.alert-primary{background-color:#d5e4ff !important;color:#044493}.alert.alert-success{background-color:#9ff9b5 !important;color:#046b23}.alert.alert-warning{background-color:#fbe7a4 !important;color:#664d03}.alert.alert-danger{background-color:#ffc9c9 !important;color:#660303}.alert.alert-secondary{background-color:#e6e6e6 !important;color:#252424}.alert .close{color:#000 !important}.lesson-creator-item-button{position:relative;padding:1rem;border-width:1px 1px 2px 1px;border-style:solid;border-color:#ddd;margin:.4rem 0;text-decoration:none;display:block;border-radius:.3rem;color:#000}.lesson-creator-item-button:hover{background-color:#e6e3e3}.lesson-creator-item-button span{display:block}.lesson-creator-item-button .title{font-weight:800;color:#474747 !important}.lesson-creator-item-button .description{font-size:.8rem}.lesson-creator-item .collapse table thead th{font-size:.9rem !important}.lesson-creator-item .collapse table tr td p{margin:0 !important;font-size:.9rem !important}.lesson-creator .collapsing{-webkit-transition:none !important;transition:none !important;display:none}.nice-select{float:none !important}.nice-select,.nice-select .nice-select-dropdown{width:100% !important}.lesson-layout{display:flex;min-height:calc(100vh - 57px);position:relative;background:#f8f9fa}.lesson-main{flex:1;min-width:0;padding:0}.lesson-main-inner{max-width:960px;margin:0 auto;padding:1rem 1.25rem 5rem}.lesson-progressbar{height:6px;background:#e9ecef;border-radius:3px;overflow:hidden;margin-bottom:.35rem}.lesson-progressbar-fill{height:100%;width:0;background:#0d6efd;border-radius:3px;transition:width .4s ease}.lesson-progressbar-text{font-size:.72rem;color:#6c757d;text-align:right;margin-bottom:1rem}.lesson-empty{text-align:center;padding:4rem 2rem;color:#6c757d}.lesson-empty i{font-size:3rem;display:block;margin-bottom:1rem;opacity:.4}.lesson-empty h3{font-size:1.15rem;font-weight:600;color:#495057;margin-bottom:.5rem}.lesson-empty p{font-size:.9rem;margin:0}.lesson-final{text-align:center;padding:3rem 1.5rem}.lesson-final h2{font-size:1.35rem;font-weight:700;color:#212529;margin-bottom:.5rem}.lesson-final p{font-size:.9rem;color:#6c757d;margin-bottom:1.5rem}.lesson-final-icon{width:64px;height:64px;margin:0 auto 1.25rem;background:#fff3cd;border-radius:50%;display:flex;align-items:center;justify-content:center}.lesson-final-icon i{font-size:1.75rem;color:#f59f00}.lesson-final-btn{display:inline-block;padding:.6rem 1.5rem;background:#212529;color:#fff;border-radius:8px;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .2s}.lesson-final-btn:hover{background:#343a40;color:#fff;text-decoration:none}#bs-stepper-content .content img{max-width:100%;height:auto}#bs-stepper-content-controls{background-color:#fff;border-radius:10px;width:100%;position:fixed;right:0;bottom:10px;overflow:hidden}#bs-stepper-content-controls button{background:#0d2651;color:#fff}#bs-stepper-content-controls button:hover{background-color:rgba(13,38,81,.9)}#bs-stepper-content-controls button:active{background-color:#071531}.lesson-sidebar{display:none}.lesson-sidebar-inner{display:flex;flex-direction:column;gap:.75rem}.sidebar-course{border-radius:8px;overflow:hidden;border:1px solid #e9ecef}.sidebar-course-title{display:block;padding:.7rem .85rem;background:#212529;color:#fff;font-size:.82rem;font-weight:600;text-decoration:none;text-align:center}.sidebar-course-title:hover{background:#343a40;color:#fff;text-decoration:none}.sidebar-sections-btn{display:block;width:100%;padding:.55rem .85rem;background:#fff;border:1px solid #dee2e6;border-radius:8px;font-size:.8rem;font-weight:500;color:#495057;cursor:pointer;text-align:center;transition:background .15s}.sidebar-sections-btn:hover{background:#f1f3f5}#lesson-sidebar .list-group-item{border:none;border-bottom:1px solid #f1f3f5;padding:0;font-size:.82rem}#lesson-sidebar .list-group-item a{display:block;padding:.5rem .75rem;color:#495057;text-decoration:none;transition:background .15s}#lesson-sidebar .list-group-item i{display:none}#lesson-sidebar .list-group-item.section-title{padding:.45rem .75rem;font-size:.72rem;font-weight:600;color:#3d3846;text-transform:uppercase;letter-spacing:.03em;background:#deddda;border-bottom:1px solid #e9ecef}#lesson-sidebar .list-group-item.active{background:#1c71d8}#lesson-sidebar .list-group-item.active a{color:#fff}#lesson-sidebar .list-group-item.active a:hover{background:rgba(0,0,0,0)}#lesson-sidebar .list-group-item:not(.section-title):not(.active):hover{background:#1c71d8}#lesson-sidebar .list-group-item:not(.section-title):not(.active):hover a{color:#fff}@media(min-width: 992px){.lesson-sidebar{display:block;width:280px;flex-shrink:0;background:#fff;border-left:1px solid #e9ecef;overflow-y:auto;padding:1rem .75rem}}@media(max-width: 991px){.lesson-main-inner{padding:.75rem 1rem 5rem}}@media(max-width: 575px){.lesson-main-inner{padding:.5rem .75rem 5rem}}footer{position:fixed;bottom:0;width:100%;left:0}.video-js{width:100% !important;height:100% !important;border-radius:10px !important;overflow:hidden !important}.video-js video{border-radius:10px !important}.video-js video.vjs-tech{position:relative !important}@media screen and (min-width: 400px){.video-js .vjs-big-play-button{outline:none !important;top:44% !important;left:44% !important;border:0 !important;border-radius:2px !important;background:#000 !important}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:2rem 1rem}.auth-card{width:100%;max-width:400px;background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:2.5rem 2rem;box-shadow:0 2px 8px rgba(0,0,0,.04)}.auth-card--wide{max-width:700px}.auth-title{font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:1.5rem;color:#1a1a1a}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-input{width:100%;padding:.875rem 1rem;font-size:.95rem;border:1px solid #d1d5db;border-radius:10px;background:#fafafa;transition:border-color .2s ease,background-color .2s ease}.auth-input:focus{outline:none;border-color:#374151;background:#fff}.auth-input::placeholder{color:#9ca3af}.auth-input.is-invalid{border-color:#dc3545;background:#fff5f5}.auth-input.is-invalid:focus{border-color:#dc3545;box-shadow:0 0 0 3px rgba(220,53,69,.15)}.auth-invalid-feedback{display:none;font-size:.8rem;color:#dc3545;margin-top:.375rem}.is-invalid~.auth-invalid-feedback{display:block}.auth-input.is-invalid+.auth-hint+.auth-invalid-feedback,.auth-input.is-invalid+.auth-invalid-feedback{display:block}.auth-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.auth-hint{font-size:.75rem;color:#6b7280;margin-top:.375rem}.auth-hint span{color:#9ca3af}.auth-field{margin-bottom:1rem}.auth-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width: 576px){.auth-grid{grid-template-columns:1fr 1fr}}.auth-grid-full{grid-column:1/-1}.auth-btn{padding:.875rem 1.5rem;font-size:1rem;font-weight:500;border:none;border-radius:10px;cursor:pointer;transition:background-color .2s ease,transform .1s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.auth-btn--primary{background:#1a1a1a;color:#fff}.auth-btn--primary:hover{background:#333;color:#fff}.auth-btn--primary:active{transform:scale(0.98)}.auth-btn--secondary{background:rgba(0,0,0,0);color:#6b7280;border:1px solid #d1d5db}.auth-btn--secondary:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.auth-btn--full{width:100%}.auth-actions{display:flex;justify-content:center;gap:.75rem;margin-top:1.5rem}.auth-alert{padding:1rem 1.25rem;border-radius:10px;font-size:.875rem;margin-bottom:1.5rem;border-left:3px solid}.auth-alert--warning{background:#fffbeb;border-color:#f59e0b;color:#92400e}.auth-alert--info{background:#eff6ff;border-color:#3b82f6;color:#1e40af}.auth-divider{display:flex;align-items:center;margin:1.25rem 0;color:#9ca3af;font-size:.85rem}.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:#e5e7eb}.auth-divider span{padding:0 .75rem}.auth-step{display:none}.auth-step.active{display:block}.section-form-card{max-width:500px;margin:0 auto;padding:1.5rem;border:2px solid #ddd;border-radius:10px;background-color:#fff}.section-form-header{text-align:center;margin-bottom:1.5rem}.section-form-header h1{font-size:1.4rem;font-weight:600;margin-bottom:.25rem}.section-form-header a{color:#666;font-size:.9rem;text-decoration:none}.section-form-header a:hover{text-decoration:underline}.section-form-input{width:100%;padding:.75rem;border:2px solid #ddd;border-radius:8px;font-size:1rem;outline:none;transition:border-color .2s}.section-form-input:focus{border-color:#555}.section-form-input::placeholder{color:#999}.section-form-btn{width:100%;padding:.75rem;margin-top:1rem;background-color:#222;color:#fff;border:2px solid #222;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .2s}.section-form-btn:hover{background-color:#444;border-color:#444}.course-form-card{max-width:800px;margin:0 auto;padding:1.5rem;border:2px solid #ddd;border-radius:10px;background-color:#fff}.course-form-card--narrow{max-width:500px}.course-form-card--medium{max-width:600px}.course-form-header{text-align:center;margin-bottom:1.5rem}.course-form-header h1{font-size:1.4rem;font-weight:600;margin-bottom:.25rem}.course-form-header a{color:#666;font-size:.9rem;text-decoration:none}.course-form-header a:hover{text-decoration:underline}.course-form-group{margin-bottom:1rem}.course-form-label{display:block;margin-bottom:.25rem;font-size:.875rem;color:#666;font-weight:600}.course-form-input{width:100%;padding:.75rem;border:2px solid #ddd;border-radius:8px;font-size:1rem;outline:none;transition:border-color .2s}.course-form-input:focus{border-color:#555}.course-form-input::placeholder{color:#999}.course-form-select{width:100%;padding:.75rem;border:2px solid #ddd;border-radius:8px;font-size:1rem;outline:none;background-color:#fff;cursor:pointer;transition:border-color .2s}.course-form-select:focus{border-color:#555}.course-form-file{width:100%;padding:.5rem;border:2px solid #ddd;border-radius:8px;font-size:.9rem;outline:none;cursor:pointer}.course-form-file:focus{border-color:#555}.course-form-hint{margin-top:.25rem;font-size:.8rem;color:#888}.course-form-link{display:inline-block;margin-top:.5rem;font-size:.875rem;color:blue}.course-form-link:hover{text-decoration:underline}.course-form-btn{width:100%;padding:.75rem;margin-top:1rem;background-color:#222;color:#fff;border:2px solid #222;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .2s}.course-form-btn:hover{background-color:#444;border-color:#444}.course-form-checkbox{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;border:2px solid #ddd;border-radius:8px;cursor:pointer}.course-form-checkbox input[type=checkbox]{width:18px;height:18px;margin-top:2px;cursor:pointer;accent-color:#222}.course-form-checkbox label{font-size:.9rem;color:#444;cursor:pointer;line-height:1.4}.sortable-list{list-style:none;padding:0;margin:0;border:2px solid #ddd;border-radius:10px;overflow:hidden}.sortable-list__item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#fff;border-bottom:1px solid #ddd;cursor:grab;transition:background-color .2s}.sortable-list__item:last-child{border-bottom:none}.sortable-list__item:hover{background-color:#f9f9f9}.sortable-list__item:active{cursor:grabbing}.sortable-list__item i{color:#999}.sortable-list__empty{padding:1rem;text-align:center;color:#666;font-size:.9rem;border:2px solid #ddd;border-radius:10px;background-color:#fff}.profile-edit-container{max-width:560px;margin:0 auto;padding:2rem 1rem 3rem}.profile-header{text-align:center;margin-bottom:2rem}.profile-avatar{width:72px;height:72px;margin:0 auto .75rem;background:#e9ecef;border-radius:50%;display:flex;align-items:center;justify-content:center}.profile-avatar i{font-size:2rem;color:#6c757d}.profile-username{font-size:1.25rem;font-weight:700;color:#212529;margin:0 0 .2rem}.profile-email{font-size:.875rem;color:#6c757d;margin:0}.profile-tabs{display:flex;gap:0;background:#f1f3f5;border-radius:10px;padding:4px;margin-bottom:1.5rem}.profile-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem .5rem;background:rgba(0,0,0,0);border:none;border-radius:8px;font-size:.85rem;font-weight:500;color:#6c757d;cursor:pointer;transition:all .2s ease}.profile-tab i{font-size:1rem}.profile-tab:hover{color:#495057}.profile-tab.active{background:#fff;color:#212529;box-shadow:0 1px 3px rgba(0,0,0,.1);font-weight:600}.profile-edit-forms{display:flex;flex-direction:column}.profile-card{display:none;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.06)}.profile-card.active{display:block}.profile-card-body{padding:1.5rem}.profile-card-info{font-size:.82rem;color:#6c757d;background:#f8f9fa;padding:.6rem .85rem;border-radius:8px;margin-bottom:1.25rem}.profile-card-info i{color:#0d6efd}.profile-field{margin-bottom:1.1rem}.profile-field label{display:block;font-size:.82rem;font-weight:500;color:#495057;margin-bottom:.4rem}.profile-field label i{color:#6c757d;font-size:.8rem}.profile-field input{width:100%;padding:.55rem .85rem;border:1.5px solid #dee2e6;border-radius:8px;font-size:.9rem;color:#212529;background:#fff;transition:border-color .2s,box-shadow .2s}.profile-field input::placeholder{color:#adb5bd}.profile-field input:focus{outline:none;border-color:#86b7fe;box-shadow:0 0 0 3px rgba(13,110,253,.12)}.profile-hint{display:block;font-size:.75rem;color:#adb5bd;margin-top:.3rem}.profile-btn{display:block;width:100%;padding:.65rem 1rem;margin-top:1.5rem;background:#212529;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s}.profile-btn:hover{background:#343a40}.profile-card .row{display:flex;gap:1rem;margin-bottom:0}.profile-card .row .col{flex:1}.profile-card .row .col .profile-field{margin-bottom:1.1rem}@media(max-width: 576px){.profile-tabs span{display:none}.profile-tab i{font-size:1.15rem}.profile-card .row{flex-direction:column;gap:0}}