:root{--primary-color: #4f46e5;--secondary-color: #64748b;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--card-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--card-hover-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}[data-theme=light]{--light-bg: #f8fafc;--dark-bg: #1e293b;--theme-bg-dark: #f8fafc;--theme-bg-subtle: #f1f5f9;--theme-card-dark: #ffffff;--theme-border-dark: #e2e8f0;--theme-text-primary: #0f172a;--theme-text-secondary: #64748b;--theme-accent: #6366f1;--theme-accent-hover: #4f46e5;--theme-success: #10b981;--theme-danger: #ef4444}[data-theme=dark]{--light-bg: #0f0f1a;--dark-bg: #1e1e2d;--theme-bg-dark: #0f0f1a;--theme-bg-subtle: rgba(255, 255, 255, .03);--theme-card-dark: #1e1e2d;--theme-border-dark: rgba(255, 255, 255, .1);--theme-text-primary: #ffffff;--theme-text-secondary: #a0aec0;--theme-accent: #6366f1;--theme-accent-hover: #4f46e5;--theme-success: #10b981;--theme-danger: #ef4444}body{font-family:Inter,sans-serif;background-color:var(--light-bg);color:#334155;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{color:#0f172a;font-weight:700}.card{border:none;border-radius:12px;box-shadow:var(--card-shadow);transition:transform .2s ease,box-shadow .2s ease;background:#fff;overflow:hidden}.card:hover{transform:translateY(-2px);box-shadow:var(--card-hover-shadow)}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);padding:10px 20px;border-radius:8px;font-weight:600;transition:all .3s ease}.btn-primary:hover{background-color:#4338ca;border-color:#4338ca;transform:translateY(-1px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:shimmer;animation-timing-function:linear;background:#f6f7f8;background:linear-gradient(to right,#eee 8%,#ddd 18%,#eee 33%);background-size:1000px 104px}.skeleton-text{height:16px;margin-bottom:8px;border-radius:4px}.skeleton-image{height:200px;width:100%;border-radius:8px}.text-primary{color:var(--primary-color)!important}.bg-primary{background-color:var(--primary-color)!important}.border-primary{border-color:var(--primary-color)!important}.text-secondary{color:var(--secondary-color)!important}.bg-secondary{background-color:var(--secondary-color)!important}.text-success{color:var(--success-color)!important}.bg-success{background-color:var(--success-color)!important}.text-danger{color:var(--danger-color)!important}.bg-danger{background-color:var(--danger-color)!important}.text-warning{color:var(--warning-color)!important}.bg-warning{background-color:var(--warning-color)!important}.bg-light{background-color:var(--light-bg)!important}.bg-dark{background-color:var(--dark-bg)!important}.footer h1,.footer h2,.footer h3,.footer h4,.footer h5,.footer h6{color:var(--theme-text-primary)!important}.footer p,.footer span,.footer li{color:var(--theme-text-secondary)!important}.footer .nav-link{color:var(--theme-text-secondary)!important;transition:color .3s ease}.footer .nav-link:hover{color:var(--theme-accent)!important;transform:translate(5px)}.footer a.theme-text-white{color:var(--theme-text-secondary)!important}.footer a.theme-text-white:hover{color:var(--theme-accent)!important}.transition-all{transition:all .3s ease-in-out!important}.hover-scale{transition:transform .2s ease!important}.hover-scale:hover{transform:scale(1.05)!important}.hover-lift{transition:transform .2s ease,box-shadow .2s ease!important}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000001a!important}.ls-tight{letter-spacing:-.025em}.text-xs{font-size:.75rem}.extra-small{font-size:.65rem}.border-dashed{border-style:dashed!important;border-width:2px!important}.font-xs{font-size:.75rem}.italic{font-style:italic}.theme-dark-bg{background-color:var(--theme-bg-dark)!important}.theme-card{background-color:var(--theme-card-dark)!important;border:1px solid var(--theme-border-dark)!important;color:var(--theme-text-primary)!important;border-radius:16px;box-shadow:0 4px 20px #0003}.theme-text-white{color:var(--theme-text-primary)!important}[data-theme=light] .theme-text-white{color:#0f172a!important}[data-theme=dark] .theme-text-white{color:#fff!important}.theme-text-muted{color:var(--theme-text-secondary)!important}[data-theme=light] .theme-text-muted{color:#64748b!important}[data-theme=dark] .theme-text-muted{color:#a0aec0!important}.theme-btn-primary{background-color:var(--theme-accent)!important;border-color:var(--theme-accent)!important;color:#fff!important;border-radius:8px;padding:10px 24px;font-weight:500}.theme-btn-primary:hover{background-color:var(--theme-accent-hover)!important;border-color:var(--theme-accent-hover)!important}.theme-btn-success{background-color:var(--theme-success)!important;border-color:var(--theme-success)!important;color:#fff!important;border-radius:8px;padding:10px 24px;font-weight:500}.theme-btn-success:hover{filter:brightness(110%)}.theme-btn-outline-primary{color:var(--theme-accent)!important;border-color:var(--theme-accent)!important;background:transparent;border-radius:8px}.theme-btn-outline-primary:hover{background-color:var(--theme-accent)!important;color:#fff!important}.table-dark-theme{--bs-table-bg: transparent;--bs-table-color: var(--theme-text-primary);--bs-table-border-color: var(--theme-border-dark)}.table-dark-theme th{background-color:var(--theme-card-dark);color:var(--theme-text-secondary);border-bottom:1px solid var(--theme-border-dark);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;padding-top:1rem;padding-bottom:1rem}.table-dark-theme td{border-bottom:1px solid var(--theme-border-dark);color:var(--theme-text-primary);vertical-align:middle}.table-dark-theme tr:hover td{background-color:#ffffff05}.glass-card{background:#151525b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05)}.form-control-dark{background-color:var(--theme-card-dark)!important;border:1px solid var(--theme-border-dark)!important;color:var(--theme-text-primary)!important}.form-control-dark:focus{background-color:var(--theme-card-dark)!important;border-color:var(--theme-accent)!important;color:var(--theme-text-primary)!important;box-shadow:0 0 0 4px #6366f11a!important}.form-control-dark::placeholder{color:var(--theme-text-secondary)!important;opacity:.5}.form-select-dark{background-color:var(--theme-card-dark)!important;border:1px solid var(--theme-border-dark)!important;color:var(--theme-text-primary)!important}[data-theme=dark] .form-select-dark{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")!important}[data-theme=light] .form-select-dark{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23334155' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")!important}.form-select-dark:focus{background-color:var(--theme-card-dark)!important;border-color:var(--theme-accent)!important;color:var(--theme-text-primary)!important;box-shadow:0 0 0 4px #6366f11a!important}.ck-editor__editable_inline{min-height:200px;background-color:var(--theme-card-dark)!important;color:var(--theme-text-primary)!important;border-color:var(--theme-border-dark)!important}.ck-toolbar{background-color:var(--theme-card-dark)!important;border-color:var(--theme-border-dark)!important}.ck-icon{color:var(--theme-text-secondary)}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:translateZ(0)}}.animate-fade-in-up{animation:fadeInUp .5s ease-out forwards}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000001a}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.02)}.dashed-border{background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%236c757d' stroke-width='1' stroke-dasharray='10%2c 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");border:none!important}.ck-content{color:var(--theme-text-primary)!important;background-color:var(--theme-card-dark)!important}.ck.ck-editor__main>.ck-editor__editable{background:var(--theme-card-dark)!important;border-color:var(--theme-border-dark)!important;color:var(--theme-text-primary)!important}.ck.ck-button{color:var(--theme-text-secondary)!important}.ck.ck-button:hover,.ck.ck-button.ck-on{background:var(--theme-border-dark)!important;color:var(--theme-text-primary)!important}.ck.ck-list{background:var(--theme-card-dark)!important}.ck.ck-dropdown__panel{background:var(--theme-card-dark)!important;border-color:var(--theme-border-dark)!important}.ck.ck-list__item .ck-button:hover{background:var(--theme-border-dark)!important;color:var(--theme-text-primary)!important}.bg-dark-subtle{background-color:var(--theme-bg-subtle)!important}.border-secondary{border-color:var(--theme-border-dark)!important}.card-header{border-bottom-color:var(--theme-border-dark)!important}.input-group-text{background-color:var(--theme-card-dark)!important;border-color:var(--theme-border-dark)!important;color:var(--theme-text-secondary)!important}.hover-bg-dark:hover{background-color:var(--theme-bg-subtle)!important;color:var(--theme-text-primary)!important}.table-dark-theme th,.table-dark-theme td{background-color:transparent;border-color:var(--theme-border-dark);color:var(--theme-text-primary)}.table-dark-theme th{color:var(--theme-text-secondary)}.modal-content{background-color:var(--theme-card-dark);color:var(--theme-text-primary);border:1px solid var(--theme-border-dark)}.modal-header,.modal-footer{border-color:var(--theme-border-dark)}.modal-body{color:var(--theme-text-primary)}[data-theme=dark] .btn-close{filter:invert(1) grayscale(100%) brightness(200%)}.theme-btn-primary{background-color:var(--theme-accent);border-color:var(--theme-accent);color:#fff!important}.theme-btn-primary:hover{background-color:var(--theme-accent-hover);border-color:var(--theme-accent-hover);color:#fff!important}.theme-btn-outline-primary{color:var(--theme-accent);border-color:var(--theme-accent)}.theme-btn-outline-primary:hover{background-color:var(--theme-accent);color:#fff!important}.theme-btn-success{background-color:var(--theme-success);border-color:var(--theme-success);color:#fff!important}.theme-btn-success:hover{opacity:.9}.student-sidebar-card{background-color:var(--theme-card-dark)!important;border:1px solid var(--theme-border-dark)!important;border-radius:16px!important;overflow:hidden}.sidebar-section-title{font-size:.65rem!important;letter-spacing:1.2px!important;color:var(--theme-text-secondary)!important}.sidebar-link{color:var(--theme-text-secondary)!important;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.sidebar-link:hover{background-color:var(--theme-bg-subtle);transform:translate(5px);color:var(--theme-text-primary)!important}.sidebar-link:hover .sidebar-icon{color:var(--theme-accent)!important}.active-link{background:linear-gradient(135deg,var(--theme-accent) 0%,var(--theme-accent-hover) 100%)!important;color:#fff!important;box-shadow:0 4px 15px #4f46e540}.active-link .sidebar-icon{color:#fff!important}.logout-link:hover{background-color:#dc26261a!important;color:var(--theme-danger)!important}.logout-link:hover .sidebar-icon{color:var(--theme-danger)!important}@media (max-width: 767.98px){.mobile-show{display:block!important;position:fixed;top:80px;left:20px;right:20px;z-index:1050;max-height:calc(100vh - 120px);overflow-y:auto;background:var(--theme-card-dark);border:1px solid var(--theme-border-dark)}}.hover-primary:hover{color:var(--theme-accent)!important;transition:color .2s ease}.theme-icon-bg{background-color:var(--theme-bg-subtle)}[data-theme=dark] .theme-icon-bg{background-color:#ffffff1a}.course-card{border-radius:1rem;transition:all .3s cubic-bezier(.25,.8,.25,1);border:none;overflow:hidden}[data-theme=light] .course-card{background:#fff;box-shadow:0 4px 6px -1px #0000001a}[data-theme=dark] .course-card{background:var(--theme-card-dark);border:1px solid var(--theme-border-dark)}.hover-shadow:hover{box-shadow:0 15px 30px -5px #0000001a,0 8px 10px -5px #0000000a;transform:translateY(-5px)}.card-img-wrapper{overflow:hidden;position:relative;border-top-left-radius:1rem;border-top-right-radius:1rem}.card-img-top{transition:transform .6s ease}.hover-shadow:hover .card-img-top{transform:scale(1.05)}.wishlist-btn{background:#fffc;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease;border:none;color:var(--theme-danger)}.wishlist-btn:hover{background:#fff;color:var(--theme-danger);transform:scale(1.1)}.tracking-widest{letter-spacing:2px}.grayscale-filter div{transition:all .3s ease;filter:grayscale(100%);cursor:pointer}.grayscale-filter div:hover{filter:grayscale(0%);opacity:1!important;transform:scale(1.05);color:var(--theme-accent)}.dropdown-menu{background-color:var(--theme-card-dark)!important;border:1px solid var(--theme-border-dark)!important;box-shadow:var(--card-hover-shadow)!important}.dropdown-item{color:var(--theme-text-secondary)!important;transition:all .2s ease}.dropdown-item:hover,.dropdown-item:focus{background-color:var(--theme-bg-subtle)!important;color:var(--theme-text-primary)!important}[data-theme=light] .navbar-light .navbar-nav .nav-link{color:#475569!important}[data-theme=light] .navbar-light .navbar-nav .nav-link.theme-text-white{color:#0f172a!important;font-weight:600}[data-theme=light] .navbar-light .navbar-brand{color:#0f172a!important}[data-theme=dark] .navbar-dark .navbar-nav .nav-link{color:#ffffffbf!important}[data-theme=dark] .accordion-button{background-color:var(--theme-card-dark)!important;color:var(--theme-text-primary)!important;border-color:var(--theme-border-dark)!important}[data-theme=dark] .accordion-button:not(.collapsed){background-color:#ffffff0d!important;color:var(--theme-text-primary)!important;box-shadow:inset 0 -1px #00000020}[data-theme=dark] .accordion-button:after{filter:invert(1)}[data-theme=dark] .accordion-item{background-color:transparent!important;border:1px solid var(--theme-border-dark)!important}.hover-bg-dark-subtle:hover{background-color:var(--theme-bg-subtle)!important}[data-theme=dark] .nav-bottom-line .nav-link.active{color:var(--theme-accent)!important;border-color:var(--theme-accent)!important}[data-theme=dark] .nav-bottom-line .nav-link{color:var(--theme-text-secondary)}[data-theme=dark] .nav-bottom-line .nav-link:hover{color:var(--theme-text-primary)}[data-theme=dark] .navbar-dark .navbar-nav .nav-link.theme-text-white,[data-theme=dark] .navbar-dark .navbar-brand{color:#fff!important}[data-theme=dark] .navbar-logo{filter:invert(1);mix-blend-mode:screen}[data-theme=dark] .search-input-custom{color:#fff!important}[data-theme=dark] .search-input-custom::placeholder{color:#fff9!important}[data-theme=light] .navbar-logo{mix-blend-mode:multiply}.react-rater{display:inline-block;line-height:normal}.react-rater>*{display:inline-block}.react-rater-star{cursor:pointer;color:#ccc;position:relative}.react-rater-star.will-be-active{color:#666}.react-rater-star.is-active{color:#000}.react-rater-star.is-active-half:before{color:#000;content:"★";position:absolute;left:0;width:50%;overflow:hidden}.react-rater-star.is-disabled{cursor:default}body{font-family:Inter,sans-serif}.hero-section{position:relative;padding:6rem 0;overflow:hidden;background:var(--light-bg)}.hero-bg-shape{position:absolute;border-radius:50%;filter:blur(80px);z-index:0;opacity:.6;animation:blob-bounce 10s infinite alternate}.hero-bg-shape-1{top:-10%;left:-10%;width:500px;height:500px;background:#e0f2fe;animation-delay:0s}.hero-bg-shape-2{bottom:-10%;right:-5%;width:600px;height:600px;background:#f0fdf4;animation-delay:-5s}@keyframes blob-bounce{0%{transform:translate(0) scale(1)}to{transform:translate(20px,-20px) scale(1.1)}}.hero-content{position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.05);border-radius:100px;box-shadow:0 4px 6px -1px #0000000d;font-weight:600;font-size:.875rem;color:var(--theme-text-primary);margin-bottom:2rem;animation:fade-in-up .8s ease-out}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;color:var(--theme-text-primary);margin-bottom:1.5rem;letter-spacing:-.02em;animation:fade-in-up .8s ease-out .1s backwards}.text-gradient{background:linear-gradient(135deg,var(--theme-accent) 0%,#7c3aed 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-lead{font-size:1.125rem;line-height:1.7;color:var(--theme-text-secondary);margin-bottom:2.5rem;max-width:540px;animation:fade-in-up .8s ease-out .2s backwards}.hero-btns{display:flex;flex-wrap:wrap;gap:1rem;animation:fade-in-up .8s ease-out .3s backwards}.btn-modern{padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-modern-primary{background:var(--theme-text-primary);color:var(--theme-bg-dark);border:1px solid var(--theme-text-primary);box-shadow:0 4px 6px -1px #0f172a1a}[data-theme=light] .btn-modern-primary{background:#0f172a;color:#fff;border-color:#0f172a}.btn-modern-primary:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.btn-modern-outline{background:transparent;color:var(--theme-text-primary);border:1px solid var(--theme-border-dark)}.btn-modern-outline:hover{background:var(--theme-bg-subtle);transform:translateY(-2px);color:var(--theme-text-primary)}.hero-image-container{position:relative;z-index:1;animation:fade-in-left 1s ease-out .2s backwards}.hero-main-img{width:100%;border-radius:24px;box-shadow:var(--card-hover-shadow);object-fit:cover;transform:perspective(1000px) rotateY(-2deg);transition:transform .5s ease}.hero-image-container:hover .hero-main-img{transform:perspective(1000px) rotateY(0)}.floating-card{position:absolute;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:1rem;box-shadow:var(--card-shadow);display:flex;align-items:center;gap:1rem;border:1px solid rgba(255,255,255,.5);animation:float-y 6s ease-in-out infinite;z-index:3}.floating-card-1{top:10%;left:-5%;animation-delay:0s}.floating-card-2{bottom:15%;right:-5%;animation-delay:-3s}.icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.icon-box.primary{background:#eff6ff;color:#2563eb}.icon-box.success{background:#f0fdf4;color:#16a34a}.card-text h6{margin:0;font-weight:700;font-size:1rem;color:var(--theme-text-primary)}.card-text span{font-size:.8rem;color:var(--theme-text-secondary)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 991px){.hero-section{padding:4rem 0;text-align:center}.hero-btns{justify-content:center}.hero-lead{margin:0 auto 2.5rem}.hero-bg-shape{display:none}.hero-image-container{margin-top:3rem}.hero-main-img{transform:none}.floating-card{position:relative;top:auto;left:auto;right:auto;bottom:auto;display:inline-flex;margin:1rem;animation:none}}[data-theme=dark] .hero-section{background:var(--theme-bg-dark)}[data-theme=dark] .hero-badge{background:var(--theme-bg-subtle);border-color:var(--theme-border-dark);color:var(--theme-text-primary)}[data-theme=dark] .floating-card{background:var(--theme-card-dark);border-color:var(--theme-border-dark)}[data-theme=dark] .text-dark{color:var(--theme-text-primary)!important}[data-theme=dark] .hero-bg-shape{opacity:.15;filter:blur(100px)}.contact-container .info-box{background:#f8f9fa;border:1px solid #e3e3e3;padding:20px;border-radius:10px}.contact-container .info-box i{color:#0909e1d6}.contact-container h2{font-weight:700}.contact-container form .form-control{border-radius:8px;border:1px solid #ced4da}