@charset "UTF-8";:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:2rem}.loading-spinner-container .loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid var(--primary-color, #007bff);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner-container .loading-message{margin-top:1rem;color:var(--text-color, #333);font-size:1rem;text-align:center}body{font-family:Cairo,Tajawal,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.5;transition:var(--transition)}.creative-login-bg{background:linear-gradient(120deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);position:relative;overflow:hidden;min-height:100vh}.creative-login-bg:before,.creative-login-bg:after{content:"";position:absolute;border-radius:50%;filter:blur(40px);opacity:.13;pointer-events:none;z-index:0}.creative-login-bg:before{width:320px;height:320px;top:-120px;left:-120px;background:radial-gradient(circle,var(--primary-color) 0%,transparent 80%)}.creative-login-bg:after{width:320px;height:320px;bottom:-120px;right:-120px;background:radial-gradient(circle,var(--secondary-color) 0%,transparent 80%)}.login{display:flex;min-height:100vh;width:100%;direction:rtl;font-family:Tajawal,Cairo,sans-serif;position:relative;z-index:1}.login__left,.login__right{flex:1;display:flex;flex-direction:column;justify-content:center;padding:2.5rem 2rem;min-width:0}.login__left{background:none;align-items:center;text-align:center;z-index:2}.login__right{background:none;align-items:center;z-index:2}.login__animation{max-width:320px;width:100%;margin:0 auto 1.5rem;filter:drop-shadow(0 0 32px var(--primary-color));border-radius:1.5rem;background:#ffffff2e}.login__title{font-size:2.2rem;font-weight:900;margin-bottom:1rem;letter-spacing:-1px;line-height:1.2}.login__description{font-size:1.08rem;color:var(--text-secondary);max-width:500px;margin:0 auto;line-height:1.7;opacity:.92}.creative-form-glass{background:#ffffffeb;box-shadow:0 8px 32px 0 var(--shadow-color);border-radius:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid var(--border-color);position:relative;z-index:2;padding:2.5rem 2rem 2rem;width:100%;max-width:400px;margin:0 auto}[data-theme=dark] .creative-form-glass{background:#222831f5;box-shadow:0 8px 32px 0 var(--shadow-color);border:1.5px solid var(--border-color)}.login__form-logo{display:flex;justify-content:center;margin-bottom:1.5rem}.login__logo{width:90px;height:auto;filter:drop-shadow(0 4px 24px var(--primary-color))}.login__form-title{font-size:1.6rem;font-weight:700;margin-bottom:1.5rem;text-align:center;letter-spacing:-.5px}.login__input-container{position:relative;margin-bottom:1.5rem}.login__input-prefix{position:absolute;top:50%;right:1.1rem;transform:translateY(-50%);color:var(--primary-color);font-size:1.3rem;pointer-events:none;opacity:.96;transition:color .2s;z-index:2;display:flex;align-items:center;background:none;padding-left:.2rem}.login__input-prefix:after{content:"";display:inline-block;margin-right:.5rem;width:2px;height:28px;border-radius:2px;background:linear-gradient(180deg,var(--primary-color) 0%,var(--secondary-color) 100%);opacity:.65;transition:background .3s,opacity .3s;vertical-align:middle}.login__form-input{width:100%;padding:1.1rem 3.1rem 1.1rem 2.5rem;border:1.5px solid var(--border-color);border-radius:2.5rem;font-size:1.12rem;background:linear-gradient(90deg,var(--bg-color) 80%,var(--bg-secondary) 100%);color:var(--text-color);transition:var(--transition);text-align:right;box-shadow:0 2px 12px 0 var(--shadow-color);margin-bottom:.2rem}.login__form-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px var(--border-focus),0 2px 12px 0 var(--primary-color);background:linear-gradient(90deg,var(--bg-secondary) 60%,var(--bg-color) 100%)}.login__form-input::placeholder{color:var(--input-placeholder-color);opacity:.95;letter-spacing:.5px}.login__form-input:focus~.login__input-prefix{color:var(--secondary-color)}.login__form-input:focus~.login__input-prefix:after{background:linear-gradient(180deg,var(--secondary-color) 0%,var(--primary-color) 100%);opacity:.95}.creative-password-container{position:relative}.eye-toggle-btn{position:absolute;top:50%;left:.9rem;transform:translateY(-50%);background:none;border:none;color:var(--primary-color);cursor:pointer;padding:.25rem;z-index:3;display:flex;align-items:center;transition:color .2s,background .2s;border-radius:50%}.eye-toggle-btn:hover{color:var(--secondary-color);background:#0c9f801a}.login__form-remember{display:flex;align-items:center;margin-bottom:1rem;gap:.5rem}.login__remember-checkbox{margin-left:.5rem;accent-color:var(--primary-color)}.login__remember-label{cursor:pointer;font-size:1rem;color:var(--text-secondary)}.login__form-error{color:var(--error);font-size:1.01rem;margin:.7rem 0;text-align:center;padding:.6rem;background-color:var(--error-light);border-radius:1.5rem;box-shadow:0 2px 8px 0 var(--error-light)}.login__form-button{width:100%;padding:1.1rem;background:linear-gradient(90deg,var(--primary-color) 60%,var(--secondary-color) 100%);color:#fff;border:none;border-radius:2.5rem;font-size:1.15rem;font-weight:700;cursor:pointer;margin-top:1.2rem;transition:var(--transition);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px 0 var(--shadow-color);letter-spacing:.5px;position:relative;overflow:hidden}.login__form-button:hover:not(:disabled){background:linear-gradient(90deg,var(--secondary-color) 40%,var(--primary-color) 100%);transform:translateY(-2px) scale(1.04);box-shadow:0 8px 32px 0 var(--primary-color)}.login__form-button:active:not(:disabled){transform:translateY(0) scale(.98)}.login__form-button:disabled{background-color:var(--primary-disabled);cursor:not-allowed;opacity:.7}.login__button-content{display:flex;align-items:center;gap:.5rem}.login__button-loader{width:20px;height:20px;border:2px solid white;border-bottom-color:transparent;border-radius:50%;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login__form-footer{text-align:center;font-size:1rem;margin-top:1.5rem;color:var(--text-secondary)}.login__footer-link{background:none;border:none;color:var(--primary-color);cursor:pointer;text-decoration:underline;font-size:inherit;padding:0;margin:0;transition:color .2s}.login__footer-link:hover{color:var(--primary-hover);background:#0c9f801a;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px;border-radius:.4em;transition:color .2s,background .2s,text-decoration-thickness .2s}.theme-toggle{position:absolute;top:2rem;left:2rem;background:none;border:none;cursor:pointer;padding:.6rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition);z-index:10;box-shadow:0 2px 8px 0 var(--shadow-color)}.theme-toggle:hover{background-color:#00000014}.theme-icon{color:var(--primary-color);font-size:1.3rem}@media (max-width: 1024px){.login__form{padding:1.5rem}.creative-form-glass{padding:2rem 1rem 1.5rem}}@media (max-width: 900px){.login{flex-direction:column;align-items:stretch}.login__left,.login__right{padding:2rem .5rem}.creative-form-glass{margin:2rem auto 0;padding:2rem .7rem 1.5rem}}@media (max-width: 600px){.login__left,.login__right{padding:1.2rem .2rem}.creative-form-glass{padding:1.1rem .2rem;border-radius:1.2rem}.login__logo{width:68px}.login__title{font-size:1.1rem}.login__form-title{font-size:.98rem}.login__form-input{font-size:.95rem;padding:.8rem 3.2rem .8rem .8rem}.login__form-button{font-size:.98rem;padding:.9rem}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.register-container{display:flex;min-height:100vh;width:100%;background:linear-gradient(120deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);color:var(--text-primary);transition:var(--transition);position:relative;flex-direction:row;font-family:Tajawal,Segoe UI,sans-serif;direction:rtl;overflow:hidden;z-index:1}.register-container:before,.register-container:after{content:"";position:absolute;border-radius:50%;filter:blur(40px);opacity:.13;pointer-events:none;z-index:0}.register-container:before{width:320px;height:320px;top:-120px;left:-120px;background:radial-gradient(circle,var(--primary-color) 0%,transparent 80%)}.register-container:after{width:320px;height:320px;bottom:-120px;right:-120px;background:radial-gradient(circle,var(--secondary-color) 0%,transparent 80%)}.register-left,.register-right{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2.2rem;min-width:0;z-index:2}.register-left{background:none;text-align:center}.register-animation{width:100%;max-width:320px;margin:0 auto 1.5rem;filter:drop-shadow(0 0 32px var(--primary-color));border-radius:1.5rem;background:#ffffff2e}.register-title{font-size:2.2rem;color:var(--primary-color);margin-bottom:1rem;font-weight:900;letter-spacing:-1px;line-height:1.2}.register-description{font-size:1.08rem;color:var(--text-secondary);max-width:500px;margin:0 auto;line-height:1.7;opacity:.92}.register-right{background:none;align-items:center;z-index:2;overflow-y:auto}.register-form{width:100%;max-width:410px;padding:2.7rem 2.2rem 2.2rem;background:#fffffff7;border-radius:2rem;box-shadow:0 8px 32px 0 var(--shadow-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid var(--border-color);margin:0 auto;position:relative;z-index:2}[data-theme=dark] .register-form{background:#222831fc}.form-title{font-size:1.7rem;color:var(--primary-color);margin-bottom:1.7rem;text-align:center;font-weight:700;letter-spacing:-.5px}.form-group{margin-bottom:1.5rem;position:relative}.form-input-prefix svg{display:block;margin:0!important;padding:0!important}.form-input-prefix:after{content:"";display:inline-block;width:2px;height:28px;border-radius:2px;background:linear-gradient(180deg,var(--primary-color) 0%,var(--secondary-color) 100%);opacity:.65;transition:background .3s,opacity .3s;vertical-align:middle}.form-input:focus~.form-input-prefix{color:var(--secondary-color)}.form-input:focus~.form-input-prefix:after{background:linear-gradient(180deg,var(--secondary-color) 0%,var(--primary-color) 100%);opacity:.95}.form-input{width:100%;padding:1.1rem 2.8rem 1.1rem 1rem;border:1.5px solid var(--border-color);border-radius:2.5rem;font-size:1.12rem;background:linear-gradient(90deg,var(--bg-primary) 80%,var(--bg-secondary) 100%);color:var(--text-primary);transition:var(--transition);text-align:right;box-shadow:0 2px 12px 0 var(--shadow-color);margin-bottom:.2rem}.form-input::placeholder{color:var(--text-tertiary);opacity:.95;letter-spacing:.5px}.form-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px var(--border-focus),0 2px 12px 0 var(--primary-color);background:linear-gradient(90deg,var(--bg-secondary) 60%,var(--bg-primary) 100%)}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' 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:left .75rem center;background-size:1rem;padding-right:2.5rem;border-radius:2.5rem}.form-group select.form-input{background:linear-gradient(90deg,var(--bg-primary) 80%,var(--bg-secondary) 100%);color:var(--text-primary);border:1.5px solid var(--border-color);border-radius:2.5rem;font-size:1.12rem;box-shadow:0 2px 12px 0 var(--shadow-color);padding-right:2.8rem;padding-left:1rem;transition:var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group select.form-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px var(--border-focus),0 2px 12px 0 var(--primary-color);background:linear-gradient(90deg,var(--bg-secondary) 60%,var(--bg-primary) 100%);color:var(--text-primary)}.gender-select{width:100%;max-width:450px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' 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:left .75rem center;background-size:1rem;padding-right:2.5rem;border-radius:2.5rem}.gender-select option{background-color:var(--bg-primary);color:var(--text-primary);font-size:1.12rem;padding:.7rem 1rem;box-sizing:border-box;border:none}.form-group select.form-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%230c9f80' 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:left .75rem center;background-size:1rem}.form-error{color:var(--error);font-size:1.01rem;margin:.7rem 0;text-align:center;padding:.6rem;background-color:var(--error-light);border-radius:1.5rem;box-shadow:0 2px 8px 0 var(--error-light)}.form-button{width:100%;padding:1.1rem;margin-top:1.2rem;background:linear-gradient(90deg,var(--primary-color) 60%,var(--secondary-color) 100%);color:#fff;border:none;border-radius:999px;font-size:1.15rem;font-weight:700;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px 0 var(--shadow-color);letter-spacing:.5px;position:relative;overflow:hidden;min-width:120px;max-height:56px}.form-button:hover:not(:disabled){background:linear-gradient(90deg,var(--secondary-color) 40%,var(--primary-color) 100%);box-shadow:0 8px 32px 0 var(--primary-color)}.form-button:active:not(:disabled){transform:scale(.98);transform-origin:center center}.form-button:disabled{background-color:var(--primary-disabled);cursor:not-allowed;opacity:.7}.loading-spinner-container{display:flex;align-items:center;justify-content:center}.loading-spinner{width:22px;height:22px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.form-row .form-input{margin-bottom:0;flex:1}.form-row{display:flex;gap:1.2rem;margin-bottom:1.2rem}.form-row .form-group{margin-bottom:0;flex:1;display:flex;align-items:center}.form-row .form-input{margin-bottom:0;flex:1;display:block}@media (max-width: 768px){.form-row{flex-direction:column;gap:.5rem;margin-bottom:.7rem}.form-row .form-group{display:flex;align-items:center}}.popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background-color:var(--bg-primary);padding:2rem;border-radius:1.5rem;text-align:center;box-shadow:0 8px 32px 0 var(--shadow-color);max-width:400px;width:90%;animation:popupFadeIn .3s ease}.popup-content h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.5rem}.popup-content p{color:var(--text-primary);font-size:1rem;margin-bottom:.5rem;line-height:1.6}@media (max-width: 1024px){.register-container{flex-direction:column}.register-left,.register-right{width:100%;min-height:auto;padding:2rem 1rem}.register-left{min-height:40vh}.register-right{min-height:60vh}.register-animation{max-width:300px}.register-form{padding:2rem 1rem 1.5rem}}@media (max-width: 768px){.register-title{font-size:1.4rem}.register-description{font-size:1rem}.register-form{padding:1.5rem}.form-title{font-size:1.2rem;margin-bottom:1.2rem}.form-row{flex-direction:column;gap:0}.form-input{font-size:.95rem}.form-button{padding:.8rem;font-size:1rem}.form-row{flex-direction:column;gap:.5rem;margin-bottom:.7rem}.form-input-prefix{right:.8rem}}@media (max-width: 480px){.register-left{min-height:35vh;padding:1.5rem 1rem}.register-animation{max-width:180px;margin-bottom:1.2rem}.register-title{font-size:1.1rem}.register-description{font-size:.92rem}.register-form{padding:1.1rem;box-shadow:none}.form-title{font-size:1rem;margin-bottom:1rem}.form-input{padding:.65rem .9rem;font-size:.9rem}.popup-content{padding:1.2rem}.popup-content h3{font-size:1.1rem}.popup-content p{font-size:.85rem}}@media (max-width: 360px){.register-title{font-size:.98rem}.register-description{font-size:.85rem}.register-form{padding:.7rem}.form-title{font-size:.9rem}.form-button{font-size:.92rem}}.form-group{position:relative}.form-group select.form-input{width:100%;min-width:0;box-sizing:border-box;display:block}.form-group select.form-input:focus{width:100%}.form-group select.form-input{-moz-appearance:none;-webkit-appearance:none;appearance:none}.form-group{width:100%;min-width:0;box-sizing:border-box}.form-group select.form-input option{color:var(--text-primary)!important;background-color:var(--bg-primary)!important;font-size:1.12rem;padding:.7rem 1rem;box-sizing:border-box;border:none}[data-theme=dark] .form-group select.form-input option{color:var(--text-primary)!important;background-color:var(--bg-primary)!important}.form-group select.form-input{width:100%;min-width:0;box-sizing:border-box;font-size:1.12rem;background:linear-gradient(90deg,var(--bg-primary) 80%,var(--bg-secondary) 100%);color:var(--text-primary)}.form-group select.form-input:focus{outline:none;box-shadow:0 0 0 3px var(--border-focus),0 2px 12px 0 var(--primary-color)}.form-group{position:relative;display:flex;align-items:center}.form-group .form-input,.form-group select.form-input,.form-group .react-datepicker-wrapper,.form-group .react-datepicker__input-container input{width:100%;min-width:0;box-sizing:border-box;display:block}.form-input-prefix{position:absolute;top:50%;right:1.1rem;transform:translateY(-50%);color:var(--primary-color);font-size:1.3rem;pointer-events:none;opacity:.96;transition:color .2s;z-index:2;display:flex;align-items:center;background:none;padding-left:.2rem;gap:.3rem;height:2rem;line-height:1}.form-group .react-datepicker-wrapper,.form-group .react-datepicker__input-container{width:100%;display:flex;align-items:center}.form-group .react-datepicker__input-container input.form-input{width:100%;padding-right:2.8rem;box-sizing:border-box}@media (max-width: 768px){.form-input-prefix{right:.8rem}}#register-page .form-group{position:relative;display:flex;align-items:center;width:100%;min-width:0;box-sizing:border-box}#register-page .form-group .form-input,#register-page .form-group select.form-input,#register-page .form-group .react-datepicker-wrapper,#register-page .form-group .react-datepicker__input-container input{width:100%;min-width:0;box-sizing:border-box;display:block}#register-page .form-input-prefix{position:absolute;top:50%;right:1.1rem;transform:translateY(-50%);color:var(--primary-color);font-size:1.3rem;pointer-events:none;opacity:.96;transition:color .2s;z-index:2;display:flex;align-items:center;background:none;padding-left:.2rem;gap:.3rem;height:2rem;line-height:1}#register-page .form-group .react-datepicker-wrapper,#register-page .form-group .react-datepicker__input-container{width:100%;display:flex;align-items:center}#register-page .form-group .react-datepicker__input-container input.form-input{width:100%;padding-right:2.8rem;box-sizing:border-box}#register-page .form-button{border-radius:999px}.forgot-password-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(120deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);position:relative;z-index:1;font-family:Tajawal,Cairo,sans-serif;direction:rtl;padding:2rem 1rem;transition:var(--transition)}.theme-toggle{position:absolute;top:clamp(1rem,3vw,1.5rem);left:clamp(1rem,3vw,1.5rem);z-index:10;background:#ffffffd9;border:none;border-radius:50%;box-shadow:0 2px 8px 0 var(--shadow-color);padding:.7rem;display:flex;align-items:center;justify-content:center;transition:var(--transition);cursor:pointer}[data-theme=dark] .theme-toggle{background:#222831f2}.theme-toggle:hover{background:var(--primary-color);color:#fff}.forgot-lottie-glow{max-width:260px;margin:0 auto 1.5rem;border-radius:1.5rem;background:#ffffff2e;transition:var(--transition);box-shadow:0 0 6px 2px #1ecb81,0 0 10px 4px #1ecb81;animation:lottie-green-glow 1.8s ease-in-out infinite alternate;filter:drop-shadow(0 0 4px #1ecb81) drop-shadow(0 0 6px #1ecb81);display:flex;align-items:center;justify-content:center}@keyframes lottie-green-glow{0%{box-shadow:0 0 3px 1px #1ecb81,0 0 6px 2px #1ecb81;filter:drop-shadow(0 0 2px #1ecb81) drop-shadow(0 0 4px #1ecb81)}to{box-shadow:0 0 10px 4px #1ecb81,0 0 16px 6px #1ecb81;filter:drop-shadow(0 0 6px #1ecb81) drop-shadow(0 0 8px #1ecb81)}}.forgot-password-form{background:#ffffffd9;border-radius:2rem;box-shadow:0 8px 32px 0 var(--shadow-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1.5px solid var(--border-color);padding:2.2rem 2rem 1.7rem;max-width:400px;width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:stretch;position:relative;z-index:2;transition:var(--transition)}[data-theme=dark] .forgot-password-form{background:#222831eb;border:1.5px solid var(--border-color);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.forgot-password-form h2{font-size:1.5rem;color:var(--primary-color);margin-bottom:1.2rem;text-align:center;font-weight:700;letter-spacing:-.5px;transition:color .3s}.form-description{font-size:1.08rem;color:var(--text-secondary);text-align:center;margin-bottom:1.5rem;line-height:1.7;opacity:.92;transition:color .3s}.forgot-password-form input[type=email]{width:100%;padding:1rem 1.2rem;border:1.5px solid var(--border-color);border-radius:2.5rem;font-size:1.08rem;background:linear-gradient(90deg,var(--bg-primary) 80%,var(--bg-secondary) 100%);color:var(--text-primary);transition:var(--transition);margin-bottom:1.2rem;box-shadow:0 2px 12px 0 var(--shadow-color);text-align:right}.forgot-password-form input[type=email]:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px var(--border-focus),0 2px 12px 0 var(--primary-color);background:linear-gradient(90deg,var(--bg-secondary) 60%,var(--bg-primary) 100%)}.forgot-password-form input[type=email]::placeholder{color:var(--text-secondary);opacity:.95;letter-spacing:.5px}.forgot-password-form button[type=submit]{width:100%;padding:1rem;background:linear-gradient(90deg,var(--primary-color) 60%,var(--secondary-color) 100%);color:#fff;border:none;border-radius:2.5rem;font-size:1.13rem;font-weight:700;cursor:pointer;margin-top:.5rem;margin-bottom:.7rem;transition:var(--transition);box-shadow:0 2px 12px 0 var(--shadow-color);letter-spacing:.5px;position:relative;overflow:hidden}.forgot-password-form button[type=submit]:hover:not(:disabled){background:linear-gradient(90deg,var(--secondary-color) 40%,var(--primary-color) 100%);transform:translateY(-2px) scale(1.04);box-shadow:0 8px 32px 0 var(--primary-color)}.forgot-password-form button[type=submit]:active:not(:disabled){transform:translateY(0) scale(.98)}.forgot-password-form button[type=submit]:disabled{background-color:var(--primary-disabled);cursor:not-allowed;opacity:.7}.forgot-password-form .back-button{background:none;border:none;color:var(--primary-color);cursor:pointer;text-decoration:underline;font-size:1rem;padding:.5rem 0;margin:0;transition:color .2s;border-radius:1.5rem}.forgot-password-form .back-button:hover{color:var(--secondary-color);text-decoration:none}.error-message{color:var(--error);font-size:1.01rem;margin:.7rem 0;text-align:center;padding:.6rem;background-color:var(--error-light);border-radius:1.5rem;box-shadow:0 2px 8px 0 var(--error-light)}.success-popup{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.success-popup-content{background:#ffffffeb;border-radius:1.5rem;box-shadow:0 8px 32px 0 var(--shadow-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid var(--border-color);padding:2rem;text-align:center;max-width:350px;width:90%;animation:popupFadeIn .3s ease;transition:background .3s}[data-theme=dark] .success-popup-content{background:#222831f7;border:1.5px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.success-popup-content h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.3rem;transition:color .3s}.success-popup-content p{color:var(--text-primary);font-size:1rem;margin-bottom:.5rem;line-height:1.6;transition:color .3s}.success-icon{font-size:2.5rem;color:var(--primary-color);margin-bottom:.7rem;font-weight:700;transition:color .3s}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.forgot-password-container{padding:1rem .2rem}.forgot-lottie-glow{max-width:180px;margin-bottom:1rem}.forgot-password-form{padding:1.1rem .5rem 1rem;border-radius:1.2rem}.success-popup-content{padding:1.2rem}.success-popup-content h3{font-size:1.1rem}.success-popup-content p{font-size:.9rem}.theme-toggle{top:.7rem;left:.7rem;padding:.5rem}}.reset-password-container{min-height:100vh;background-color:var(--bg-color);display:flex;justify-content:center;align-items:center;padding:clamp(1rem,3vw,2rem);position:relative;transition:var(--transition)}.reset-password-container .theme-toggle{position:absolute;top:clamp(1rem,3vw,1.5rem);left:clamp(1rem,3vw,1.5rem);z-index:10}.reset-password-form{background-color:var(--bg-secondary);padding:clamp(1.5rem,4vw,2rem);border-radius:var(--border-radius);box-shadow:var(--box-shadow);width:100%;max-width:400px;text-align:center;transition:var(--transition)}.reset-password-form h2{color:var(--primary-color);margin-bottom:1.5rem;font-size:clamp(1.25rem,4vw,1.5rem)}.reset-password-form input{width:100%;padding:.75rem 1rem;margin-bottom:1rem;border:2px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--bg-color);color:var(--text-color);font-size:1rem;transition:var(--transition);text-align:right;direction:rtl}.reset-password-form input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.reset-password-form input::placeholder{color:var(--text-secondary)}.reset-password-form button{width:100%;padding:.75rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);font-size:1rem;cursor:pointer;transition:var(--transition);margin-top:1rem}.reset-password-form button:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px)}.reset-password-form button:active:not(:disabled){transform:translateY(0)}.reset-password-form button:disabled{background-color:var(--primary-disabled);cursor:not-allowed}.reset-password-form .error-message{color:var(--error-color);background-color:var(--error-bg);padding:.75rem;border-radius:var(--border-radius);margin:1rem 0;font-size:.9rem;text-align:right}@media (max-width: 480px){.reset-password-form{padding:1.25rem}.reset-password-form h2{margin-bottom:1rem}.reset-password-form input{padding:.6rem .8rem;font-size:.95rem}.reset-password-form button{padding:.6rem;font-size:.95rem}}.change-password-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:var(--bg-color);position:relative;direction:rtl;transition:var(--transition);padding:2rem;background:linear-gradient(135deg,var(--bg-color) 0%,var(--bg-secondary) 100%)}.change-password-container .change-password-form{width:100%;max-width:450px;padding:2.5rem;background-color:var(--bg-secondary);border-radius:1rem;box-shadow:0 8px 32px #0000001a;margin:1rem;transition:all .3s ease;border:1px solid rgba(var(--primary-rgb),.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.change-password-container .change-password-form:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.change-password-container .change-password-form h2{color:var(--text-color);text-align:center;margin-bottom:1.5rem;font-size:2rem;font-weight:700;position:relative;padding-bottom:1rem}.change-password-container .change-password-form h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--primary-color);border-radius:2px}.change-password-container .change-password-form .form-description{color:var(--text-secondary);text-align:center;margin-bottom:2.5rem;font-size:1rem;line-height:1.6}.change-password-container .change-password-form .form-group{margin-bottom:1.5rem;position:relative}.change-password-container .change-password-form .form-group input{width:100%;padding:1rem 1.25rem;border:2px solid var(--border-color);border-radius:.75rem;background-color:var(--bg-color);color:var(--text-color);font-size:1rem;transition:all .3s ease}.change-password-container .change-password-form .form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.1);transform:translateY(-1px)}.change-password-container .change-password-form .form-group input::placeholder{color:var(--text-secondary);opacity:.8}.change-password-container .change-password-form .error-message{color:var(--error-color);background-color:var(--error-bg);text-align:center;margin:1.25rem 0;font-size:.95rem;padding:.75rem 1rem;border-radius:.75rem;border:1px solid rgba(231,76,60,.2);animation:shake .82s cubic-bezier(.36,.07,.19,.97) both}.change-password-container .change-password-form .submit-button{width:100%;padding:1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:.75rem;cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .3s ease;margin-top:1rem;position:relative;overflow:hidden}.change-password-container .change-password-form .submit-button:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.2)}.change-password-container .change-password-form .submit-button:active:not(:disabled){transform:translateY(0)}.change-password-container .change-password-form .submit-button:disabled{background-color:var(--primary-disabled);cursor:not-allowed;opacity:.7}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@media (max-width: 768px){.change-password-container{padding:1rem}.change-password-container .change-password-form{padding:2rem}.change-password-container .change-password-form h2{font-size:1.75rem}.change-password-container .change-password-form .form-description{font-size:.9rem}}.step-indicator{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem;position:relative;max-width:600px;margin:0 auto 2rem}.step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.step:not(:last-child) .step-connector{content:"";position:absolute;top:1.5rem;right:calc(50% + 1.5rem);width:calc(100% - 3rem);height:2px;background-color:var(--border-color);transition:background-color .3s ease}.step .step-number{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;margin-bottom:.5rem;background-color:var(--bg-secondary);color:var(--text-secondary);border:2px solid var(--border-color);transition:all .3s ease}.step .step-label{font-size:.9rem;color:var(--text-secondary);text-align:center;transition:all .3s ease}.step.pending .step-number{background-color:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-color)}.step.current .step-number{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:scale(1.1)}.step.current .step-label{color:var(--primary-color);font-weight:600}.step.current~.step .step-connector{background-color:var(--border-color)}.step.completed .step-number{background-color:var(--success-color);color:#fff;border-color:var(--success-color)}.step.completed .step-label{color:var(--success-color)}.step.completed .step-connector{background-color:var(--success-color)}.step.completed+.step .step-connector{background-color:var(--border-color)}@media (max-width: 576px){.step .step-label{font-size:.8rem}.step .step-number{width:1.75rem;height:1.75rem}.step:not(:last-child) .step-connector{right:calc(50% + 1rem);width:calc(100% - 2rem)}}.skills-step{background:var(--bg-secondary);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:2rem;margin:2rem auto;max-width:600px}.skills-step .form-group{display:flex;flex-direction:column;margin-bottom:1.5rem}.skills-step .form-group label{font-weight:600;margin-bottom:.5rem;color:var(--primary);letter-spacing:.5px}.skills-step .form-group input,.skills-step .form-group textarea,.skills-step .form-group select{padding:.75rem 1rem;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;font-size:1rem;background:var(--bg-input, #fafbfc);transition:border-color .2s;outline:none}.skills-step .form-group input:focus,.skills-step .form-group textarea:focus,.skills-step .form-group select:focus{border-color:var(--primary);background:#fff}.skills-step .form-group textarea{resize:vertical;min-height:110px;max-height:260px;font-size:1.08rem;line-height:1.7;background:var(--bg-input, #f9f9fb);border:1.5px solid var(--border-color, #e0e0e0);border-radius:10px;padding:1.1rem 1.2rem;color:var(--text-color, #222);transition:border-color .2s,box-shadow .2s}.skills-step .form-group textarea:focus{border-color:var(--primary, #007bff);background:#fff;box-shadow:0 0 0 2px #007bff1a}.skills-step .form-group textarea::placeholder{color:#b0b0b0;opacity:1;font-size:1rem;font-style:italic}.skills-step .skills-section{margin-bottom:1.5rem}.skills-step .skills-section label{font-weight:600;margin-bottom:.5rem;display:block;color:var(--primary)}.skills-step .skills-section .skills-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.skills-step .skills-section .add-skill-form{display:flex;gap:.5rem}.skills-step .skills-section .add-skill-form .skill-input{flex:1;padding:.6rem 1rem;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;font-size:1rem;background:var(--bg-input, #fafbfc)}.skills-step .skills-section .add-skill-form .skill-input:focus{border-color:var(--primary);background:#fff}.skills-step .skills-section .add-skill-form .add-skill-button{background:#7fffd4;color:#fff;border:none;border-radius:8px;padding:0 1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.skills-step .skills-section .add-skill-form .add-skill-button:disabled{background:#ccc;cursor:not-allowed}.skills-step .skills-section .add-skill-form .add-skill-button:hover:not(:disabled){background:var(--primary-dark, #0056b3)}.skills-step .step-buttons{display:flex;justify-content:flex-end;gap:1rem}.skills-step .step-buttons .primary-button{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;height:60px;margin-top:80px;transition:background .2s}.skills-step .step-buttons .primary-button:disabled{background:#ccc;cursor:not-allowed}.skills-step .step-buttons .primary-button:hover:not(:disabled){background:var(--primary-dark, #0056b3)}.skills-step .error-message{color:#d32f2f;background:#fff0f0;border-radius:6px;padding:.5rem 1rem;margin-bottom:1rem;font-size:.97rem;border:1px solid #ffd6d6}.skills-step .skill-tag{display:inline-flex;align-items:center;background:linear-gradient(90deg,#e0e7ff,#f0fdfa);color:#2d3a4a;border-radius:999px;padding:.4em 1.1em .4em .7em;margin:.25em .5em .25em 0;font-size:1rem;font-weight:500;box-shadow:0 2px 8px #5078c812;border:1px solid #b6c6e6;transition:background .2s,color .2s,box-shadow .2s}.skills-step .skill-tag .skill-name{margin-right:.5em;letter-spacing:.02em}.skills-step .skill-tag .remove-tag{background:transparent;border:none;color:#d32f2f;margin-left:.3em;border-radius:50%;padding:.15em;cursor:pointer;display:flex;align-items:center;transition:background .2s,color .2s}.skills-step .skill-tag .remove-tag:hover{background:#ffeaea;color:#b71c1c}.complete-profile{min-height:100vh;padding:1rem;background-color:var(--bg-color);position:relative;display:flex;flex-direction:column;align-items:center;transition:var(--transition)}.complete-profile__container{width:100%;max-width:800px;margin:2rem auto;padding:2rem;background:var(--bg-secondary);border-radius:var(--border-radius);box-shadow:var(--box-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition)}@media (max-width: 768px){.complete-profile__container{padding:1rem;margin:1rem auto}}.complete-profile .step-content{padding:2rem;background-color:var(--bg-color);border-radius:var(--border-radius);margin-top:2rem;box-shadow:var(--box-shadow)}.complete-profile .step-content h2{font-size:1.8rem;margin-bottom:1.5rem;background:linear-gradient(45deg,var(--primary-color),var(--primary-hover));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center;font-weight:600}@media (max-width: 768px){.complete-profile .step-content h2{font-size:1.5rem}}.complete-profile .step-content .step-description{color:var(--text-secondary);margin-bottom:2rem;text-align:center;transition:var(--transition)}@media (max-width: 768px){.complete-profile .step-content .step-description{font-size:1rem}}.complete-profile .step-content form{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (max-width: 768px){.complete-profile .step-content form{grid-template-columns:1fr}}.complete-profile .step-content form .form-group{position:relative;margin-bottom:0}.complete-profile .step-content form .form-group.full-width{grid-column:1/-1}.complete-profile .step-content form .form-group label{color:var(--label-color);font-size:.9rem;font-weight:500;margin-bottom:.5rem;display:block;transition:var(--transition)}.complete-profile .step-content form .form-group input,.complete-profile .step-content form .form-group select{width:100%;padding:.75rem 1rem;background-color:var(--bg-color);color:var(--text-color);border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;transition:all .3s ease}.complete-profile .step-content form .form-group input:hover,.complete-profile .step-content form .form-group select:hover{border-color:var(--primary-color)}.complete-profile .step-content form .form-group input:focus,.complete-profile .step-content form .form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);transform:translateY(-1px)}.complete-profile .step-content form .form-group input:disabled,.complete-profile .step-content form .form-group select:disabled{background-color:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed;opacity:.7}.complete-profile .step-content form .form-group input::placeholder,.complete-profile .step-content form .form-group select::placeholder{color:var(--text-secondary);opacity:.7}.complete-profile .step-content form .form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 1rem center;background-size:1rem;padding-left:2.5rem}.complete-profile .step-content .primary-button{width:100%;padding:1rem 2rem;background:linear-gradient(45deg,var(--primary-color),var(--primary-hover));color:#fff;border:none;border-radius:var(--border-radius);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;z-index:1;box-shadow:0 4px 6px -1px rgba(var(--primary-rgb),.1),0 2px 4px -1px rgba(var(--primary-rgb),.06)}.complete-profile .step-content .primary-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,var(--primary-hover),var(--primary-color));opacity:0;transition:opacity .3s ease;z-index:-1}.complete-profile .step-content .primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 8px -1px rgba(var(--primary-rgb),.15),0 3px 6px -1px rgba(var(--primary-rgb),.1)}.complete-profile .step-content .primary-button:hover:not(:disabled):before{opacity:1}.complete-profile .step-content .primary-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px -1px rgba(var(--primary-rgb),.1)}.complete-profile .step-content .primary-button:disabled{background:var(--primary-disabled);cursor:not-allowed;opacity:.7;transform:none}.complete-profile .theme-toggle{position:fixed;top:1rem;left:1rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);z-index:100}.complete-profile .theme-toggle:hover{background-color:var(--bg-hover);border-color:var(--primary-color)}.complete-profile .theme-toggle .theme-icon{color:var(--text-color);font-size:1.2rem}.unauthorized{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background-color:var(--bg-color)}.unauthorized__content{max-width:600px;text-align:center;background:var(--card-bg);padding:3rem;border-radius:1rem;box-shadow:0 4px 6px #0000001a}.unauthorized h1{color:var(--text-color);font-size:2.5rem;margin-bottom:2rem;font-weight:700}.unauthorized__message{margin-bottom:2rem;color:var(--text-color-secondary)}.unauthorized__message p{margin-bottom:1rem;font-size:1.1rem;line-height:1.6}.unauthorized__roles{color:var(--primary-color);font-weight:700}.unauthorized__actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.unauthorized__button{padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.unauthorized__button--primary{background-color:var(--primary-color);color:#fff}.unauthorized__button--primary:hover{background-color:var(--primary-color-dark)}.unauthorized__button--secondary{background-color:var(--secondary-color);color:var(--text-color)}.unauthorized__button--secondary:hover{background-color:var(--secondary-color-dark)}.unauthorized__button:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 768px){.unauthorized{padding:1rem}.unauthorized__content{padding:2rem}.unauthorized h1{font-size:2rem}.unauthorized__actions{flex-direction:column}.unauthorized__button{width:100%}}.not-found{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background-color:var(--bg-color)}.not-found__content{max-width:600px;text-align:center;background:var(--card-bg);padding:3rem;border-radius:1rem;box-shadow:0 4px 6px #0000001a}.not-found h1{color:var(--primary-color);font-size:6rem;margin-bottom:1rem;font-weight:700}.not-found h2{color:var(--text-color);font-size:2rem;margin-bottom:2rem;font-weight:700}.not-found__message{margin-bottom:2rem;color:var(--text-color-secondary)}.not-found__message p{margin-bottom:1rem;font-size:1.1rem;line-height:1.6}.not-found__actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.not-found__button{padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.not-found__button--primary{background-color:var(--primary-color);color:#fff}.not-found__button--primary:hover{background-color:var(--primary-color-dark)}.not-found__button--secondary{background-color:var(--secondary-color);color:var(--text-color)}.not-found__button--secondary:hover{background-color:var(--secondary-color-dark)}.not-found__button:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 768px){.not-found{padding:1rem}.not-found__content{padding:2rem}.not-found h1{font-size:4rem}.not-found h2{font-size:1.5rem}.not-found__actions{flex-direction:column}.not-found__button{width:100%}}.dashboard-section{background:var(--bg-color);border-radius:1.5rem;padding:2.5rem;box-shadow:0 4px 20px -5px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-color)}.dashboard-section:hover{box-shadow:0 8px 30px -5px #00000026;transform:translateY(-2px)}.dashboard-section h2{color:var(--text-color);font-size:1.75rem;font-weight:800;margin-bottom:2rem;position:relative;padding-bottom:1rem;text-align:right}.dashboard-section h2:after{content:"";position:absolute;bottom:0;right:0;width:60px;height:4px;background:linear-gradient(to left,var(--primary-color),var(--primary-hover));border-radius:4px}.dashboard-section .add-category-form{background:var(--bg-secondary);padding:1.5rem;border-radius:1rem;border:1px solid var(--border-color);margin-bottom:2rem}.dashboard-section .add-category-form .form-group{display:grid;gap:1rem;margin-bottom:1rem}@media (min-width: 768px){.dashboard-section .add-category-form .form-group{grid-template-columns:1fr 1.5fr auto;align-items:start}}.dashboard-section .add-category-form .form-group input{padding:1rem 1.25rem;border:2px solid var(--border-color);border-radius:1rem;background:var(--bg-color);color:var(--text-color);font-size:1rem;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.dashboard-section .add-category-form .form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #2563eb26;outline:none}.dashboard-section .add-category-form .form-group input:hover{border-color:var(--primary-hover);transform:translateY(-1px)}.dashboard-section .add-category-form .form-group input::placeholder{color:var(--text-secondary);opacity:.8}.dashboard-section .add-category-form .form-group textarea.category-description-input{padding:1rem 1.25rem;border:2px solid var(--border-color);border-radius:1rem;background:var(--bg-color);color:var(--text-color);font-size:1rem;transition:all .2s ease;resize:vertical;min-height:100px;width:100%;font-family:inherit}.dashboard-section .add-category-form .form-group textarea.category-description-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #2563eb26;outline:none}.dashboard-section .add-category-form .form-group textarea.category-description-input:hover{border-color:var(--primary-hover)}.dashboard-section .add-category-form .form-group textarea.category-description-input::placeholder{color:var(--text-secondary);opacity:.8}.dashboard-section .add-category-form .form-group .add-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 1.75rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;border:none;border-radius:1rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #2563eb33}.dashboard-section .add-category-form .form-group .add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2563eb4d}.dashboard-section .add-category-form .form-group .add-btn:active{transform:translateY(0)}.dashboard-section .add-category-form .form-group .add-btn:disabled{background:var(--border-color);cursor:not-allowed;transform:none;box-shadow:none}.dashboard-section .add-category-form .form-group .add-btn svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.dashboard-section .add-category-form .form-group .add-btn:hover svg{transform:rotate(90deg) scale(1.1)}.dashboard-section .categories-list{display:grid;gap:1.25rem;margin-top:2rem}.dashboard-section .categories-list .category-item{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem;background:var(--bg-secondary);border-radius:1rem;border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000d}.dashboard-section .categories-list .category-item:hover{border-color:var(--primary-color);transform:translate(-4px);box-shadow:0 4px 12px #0000001a}.dashboard-section .categories-list .category-item .category-info{flex:1}.dashboard-section .categories-list .category-item .category-info h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color)}.dashboard-section .categories-list .category-item .category-info .category-description{font-size:.95rem;color:var(--text-secondary);margin:0;line-height:1.5}.dashboard-section .categories-list .category-item .delete-btn{padding:.625rem;border:none;background:#dc26261a;color:var(--danger-color);cursor:pointer;border-radius:.75rem;transition:all .2s cubic-bezier(.4,0,.2,1);margin-right:1rem}.dashboard-section .categories-list .category-item .delete-btn:hover{background:var(--danger-color);color:#fff;transform:scale(1.1) rotate(8deg)}.dashboard-section .categories-list .category-item .delete-btn:active{transform:scale(.95)}@media (max-width: 768px){.dashboard-section{padding:1.5rem}.dashboard-section h2{font-size:1.5rem;margin-bottom:1.5rem}.dashboard-section .add-category-form,.dashboard-section .category-item{padding:1rem}}.loading-spinner{animation:spin 1s linear infinite}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--danger-color: #dc2626;--bg-color: #ffffff;--bg-secondary: #f8fafc;--text-color: #0f172a;--text-secondary: #64748b;--border-color: #e2e8f0;--toastify-color-success: #10b981;--toastify-color-error: #ef4444;--toastify-font-family: inherit}.Toastify__toast{border-radius:12px;padding:16px;box-shadow:0 4px 12px #0000001a}.Toastify__toast--success{background:var(--toastify-color-success);color:#fff}.Toastify__toast--error{background:var(--toastify-color-error);color:#fff}[data-theme=dark]{--bg-color: #1e293b;--bg-secondary: #0f172a;--text-color: #f8fafc;--text-secondary: #94a3b8;--border-color: #334155}:root{--primary-color: #0c9f80;--primary-hover: #0cb88f;--primary-light: rgba(12, 159, 128, .1);--text-color: #2d3748;--text-light: #f8f9fa;--bg-color: #ffffff;--bg-secondary: #f7fafc;--bg-tertiary: #f0f7ff;--border-color: #e2e8f0;--border-radius: .5rem;--box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--transition: all .3s ease;--danger: #e74c3c;--success: #2ecc71;--warning: #f39c12;--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .15);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .18)}[data-theme=dark]{--primary-color: #0cb88f;--primary-hover: #0c9f80;--primary-light: rgba(12, 184, 143, .15);--text-color: #f8f9fa;--text-light: #2d3748;--bg-color: #1a202c;--bg-secondary: #2d3748;--bg-tertiary: #2a3a4f;--border-color: #4a5568;--box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2)}.landing-navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:var(--bg-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);box-shadow:var(--box-shadow);transition:var(--transition)}.landing-navbar.navbar-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.navbar-inner{max-width:1400px;margin:0 auto;padding:.75rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.nav-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none}.logo-img{width:38px;height:48px;object-fit:contain;transition:transform .3s cubic-bezier(.4,0,.2,1)}.logo-img:hover{transform:scale(1.1) rotate(5deg)}.logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-desktop{display:flex;flex:1;align-items:center;justify-content:space-between}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-link{color:var(--text-color);text-decoration:none;font-weight:500;transition:var(--transition);position:relative;padding:.5rem 0}.nav-link:hover{color:var(--primary-color)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));transition:width .3s cubic-bezier(.4,0,.2,1)}.nav-link:hover:after{width:100%}.navbar-right{display:flex;align-items:center;gap:1.5rem}.theme-toggle-desktop{margin-right:1rem}.profile-dropdown{position:relative}.profile-button{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;transition:var(--transition);font-weight:500}.profile-button:hover{border-color:var(--primary-color);background:var(--bg-tertiary)}.profile-avatar{width:32px;height:32px;background:var(--primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--primary-color)}.profile-arrow{transition:transform .2s ease}.profile-arrow.open{transform:rotate(180deg)}.profile-menu{display:none;position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-color);min-width:220px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:1px solid var(--border-color);padding:.5rem;z-index:1000}.profile-menu.show{display:block;animation:dropdownIn .2s ease}.profile-menu .menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;width:100%;text-align:right;border:none;background:transparent;color:var(--text-color);cursor:pointer;border-radius:.5rem;transition:var(--transition);font-size:.95rem}.profile-menu .menu-item:hover{background:var(--bg-secondary);color:var(--primary-color)}.profile-menu .menu-item.logout{color:var(--danger)}.profile-menu .menu-item.logout:hover{background:#e74c3c1a}.notification-dropdown{position:relative}.notification-btn{background:none;border:none;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:var(--transition)}.notification-btn:hover{background:var(--bg-secondary)}.notification-badge{position:absolute;top:-4px;right:-4px;background:var(--danger);color:#fff;border-radius:50%;font-size:12px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-weight:700;padding:0 5px}.notification-menu{position:absolute;right:0;top:48px;min-width:320px;max-width:400px;max-height:70vh;overflow-y:auto;background:var(--bg-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:1px solid var(--border-color);z-index:1000;padding:0}.notification-empty{padding:1.5rem;color:var(--text-color);text-align:center;font-size:1.05rem;opacity:.7}.notification-item{padding:1rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:var(--transition);display:flex;gap:1rem;background:var(--glass-bg)!important;backdrop-filter:blur(16px) saturate(180%)!important;-webkit-backdrop-filter:blur(16px) saturate(180%)!important;border:1px solid var(--glass-border)!important}.notification-item.unread{background:var(--primary-light);font-weight:600}.notification-item.read{background:var(--bg-color);opacity:.8}.notification-item:hover{background:var(--bg-secondary)}.notification-icon{font-size:1.5rem;min-width:36px;text-align:center;opacity:.9}.notification-content{flex:1}.notification-message{margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.new-badge{background:var(--primary-color);color:#fff;border-radius:4px;font-size:.75rem;padding:2px 6px;font-weight:700}.notification-lesson{font-size:.9rem;color:var(--primary-color);margin-bottom:.25rem}.notification-time{font-size:.85rem;color:var(--text-color);opacity:.8;margin-bottom:.25rem}.notification-date{font-size:.8rem;color:var(--text-color);opacity:.6;margin-top:.5rem}.mentor-actions{display:flex;gap:.5rem;margin-top:.75rem}.accept-btn{background:var(--success);color:#fff;border:none;border-radius:4px;padding:.25rem .75rem;font-size:.85rem;cursor:pointer}.reject-btn{background:var(--danger);color:#fff;border:none;border-radius:4px;padding:.25rem .75rem;font-size:.85rem;cursor:pointer}.unread-indicator{width:8px;height:8px;background:var(--primary-color);border-radius:50%;align-self:center}.auth-buttons{display:flex;gap:1rem}.nav-btn{padding:.75rem 1.25rem;border-radius:var(--border-radius);font-weight:600;transition:var(--transition);text-decoration:none;font-size:.95rem}.login-btn{color:var(--primary-color);background:transparent;border:1px solid var(--primary-color)}.login-btn:hover{background:var(--primary-color);color:#fff}.register-btn{background:var(--primary-color);color:#fff;border:none}.register-btn:hover{background:var(--primary-hover)}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;color:var(--primary-color);padding:.5rem;border-radius:50%;transition:var(--transition);z-index:1100;margin-left:5rem}.mobile-menu-btn:hover{background:var(--bg-secondary)}.mobile-menu{position:fixed;top:0;right:-100%;width:85%;max-width:320px;height:100vh;background:var(--bg-color);z-index:1050;transition:right .3s ease;box-shadow:-5px 0 15px #0000001a;overflow-y:auto;background:var(--glass-bg)!important;backdrop-filter:blur(16px) saturate(180%)!important;-webkit-backdrop-filter:blur(16px) saturate(180%)!important;border-left:1px solid var(--glass-border)!important}.mobile-menu.show{right:0}.mobile-menu-content{padding:1.5rem;height:100%;flex-direction:column;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;gap:1.5rem}.mobile-menu-links{display:flex;flex-direction:column;gap:1rem;flex:2;align-items:flex-end}.mobile-menu-left{flex:1;display:flex;flex-direction:column;align-items:flex-start;min-width:180px;gap:1rem}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.mobile-menu-close{background:none;border:none;cursor:pointer;color:var(--text-color)}@media (max-width: 600px){.mobile-menu-content{flex-direction:column;gap:.5rem}.mobile-menu-links,.mobile-menu-left{align-items:stretch;min-width:unset}.navbar-inner{flex-direction:row;align-items:center;justify-content:space-between;padding:.5rem .7rem!important;gap:.5rem}.navbar-left{display:flex;flex-direction:row;align-items:center;gap:.5rem;flex:1}.nav-brand{display:flex;flex-direction:row;align-items:center;gap:.5rem}.logo-img{width:30px!important;height:38px!important}.logo-text{font-size:1.1rem!important}.mobile-menu-btn{display:block;margin-left:3rem;margin-right:0;align-self:center}.nav-desktop{display:none!important}}@media (max-width: 600px){.navbar-inner{flex-direction:row!important}}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu,.resources-menu,.admin-menu,.mobile-resources-menu,.mobile-admin-menu{display:none;opacity:0;pointer-events:none;transition:opacity .2s}.dropdown-menu.show,.resources-menu.show,.admin-menu.show,.mobile-resources-menu.show,.mobile-admin-menu.show{display:block;opacity:1;pointer-events:auto;animation:dropdownIn .2s ease}.resources-menu,.admin-menu{position:absolute;top:110%;right:0;min-width:220px;background:var(--bg-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:1px solid var(--border-color);z-index:1000;padding:.5rem 0}.mobile-resources-menu,.mobile-admin-menu{background:var(--bg-secondary);border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:1px solid var(--border-color);margin-top:.5rem;padding:.5rem 1rem;z-index:1100}.resources-btn .chevron-down.open,.admin-btn .chevron-down.open,.mobile-nav-btn .chevron-down.open{transform:rotate(180deg);transition:transform .2s}@media (max-width: 900px){.resources-menu,.admin-menu{position:static;min-width:0;box-shadow:none;border-radius:.5rem;padding:.5rem 0}}@media (max-width: 1024px){.navbar-inner{padding:.75rem 1.5rem}}@media (max-width: 900px){.nav-desktop{display:none}.mobile-menu-btn{display:block}.navbar-left{display:flex;align-items:center;gap:1rem;flex:1;padding-left:5rem}.theme-toggle-mobile{margin-left:auto}}.notification-item{background:var(--glass-bg)!important;backdrop-filter:blur(16px) saturate(180%)!important;-webkit-backdrop-filter:blur(16px) saturate(180%)!important;border:1px solid var(--glass-border)!important}:root{--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .15);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .18)}[data-theme=dark]{--glass-bg: rgba(26, 32, 44, .1);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3)}.landing-navbar{background-color:var(--glass-bg)!important;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow)!important}.profile-menu,.notification-menu,.resources-menu,.admin-menu{background:var(--glass-bg)!important;backdrop-filter:blur(16px) saturate(180%)!important;-webkit-backdrop-filter:blur(16px) saturate(180%)!important;border:1px solid var(--glass-border)!important}.mobile-menu{background:var(--glass-bg)!important;backdrop-filter:blur(16px) saturate(180%)!important;-webkit-backdrop-filter:blur(16px) saturate(180%)!important;border-left:1px solid var(--glass-border)!important}@media (max-width: 900px){.navbar-left{padding-left:0!important;justify-content:space-between}.theme-toggle-mobile{margin-left:0}}@media (max-width: 768px){.navbar-inner{padding:.5rem 1rem!important}.notification-menu{max-width:95vw!important;left:2.5%!important;right:2.5%!important}}@media (max-width: 576px){.mobile-menu{width:100%!important;max-width:none!important;border-left:none!important;border-top:1px solid var(--glass-border)!important}.navbar-right{gap:.75rem!important}.nav-btn{padding:.6rem 1rem!important;font-size:.85rem!important}.logo-text{font-size:1.1rem!important}}@media (max-width: 400px){.auth-buttons{gap:.5rem!important}.nav-btn{padding:.5rem .8rem!important}.logo-img{width:30px!important;height:38px!important}}.dashboard{min-height:100vh;padding:0 2vw 2vw;background:linear-gradient(135deg,#f8fafc,#e6f7f3);color:var(--text-main)}.dashboard-main{padding:2rem;max-width:1200px;margin:0 auto}.dashboard-header{position:sticky;top:0;z-index:10;background:linear-gradient(135deg,#f8fafc 80%,#e6f7f3);display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;box-shadow:0 2px 4px #0000001a}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin:2rem 0}.dashboard-stats-grid .stat-box{background:var(--bg-secondary);padding:1.5rem;border-radius:12px;box-shadow:0 4px 16px #00000014;border:1px solid var(--border-color);transition:all .3s ease;position:relative;overflow:hidden}.dashboard-stats-grid .stat-box:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--primary-hover))}.dashboard-stats-grid .stat-box:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f}.dashboard-stats-grid .stat-box .stat-label{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);margin-bottom:1rem;font-size:.95rem;font-weight:500}.dashboard-stats-grid .stat-box .stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1}.dashboard-tabs{display:flex;gap:.5rem;margin:2rem 0;padding:.5rem;background:var(--bg-secondary);border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid var(--border-color)}.dashboard-tabs .tab-button{flex:1;padding:.875rem 1.5rem;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.dashboard-tabs .tab-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--primary-color);opacity:0;transition:opacity .3s ease;z-index:-1}.dashboard-tabs .tab-button:hover{color:var(--primary-color);background:rgba(var(--primary-color-rgb),.1)}.dashboard-tabs .tab-button.active{color:#fff;background:var(--primary-color);box-shadow:0 4px 16px rgba(var(--primary-color-rgb),.3)}.dashboard-tabs .tab-button.active:before{opacity:1}.dashboard-tabs .tab-button.active:hover{background:var(--primary-hover);transform:translateY(-1px)}.dashboard .add-category-form{margin-top:2rem}.dashboard .add-category-form .form-group{display:flex;gap:1rem;align-items:flex-start}.dashboard .add-category-form .form-group input{flex:1;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);color:var(--text-main)}.dashboard .add-category-form .form-group input:focus{outline:none;border-color:var(--primary-color)}.dashboard .add-category-form .form-group .add-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:4px;background:var(--primary-color);color:#fff;cursor:pointer;transition:all .3s ease}.dashboard .add-category-form .form-group .add-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.dashboard .add-category-form .form-group .add-btn:disabled{opacity:.7;cursor:not-allowed}.dashboard .dashboard-section{background:var(--bg-secondary);border-radius:12px;padding:2rem;box-shadow:0 4px 16px #00000014;border:1px solid var(--border-color)}.dashboard .dashboard-section h2{margin-bottom:1.5rem;color:var(--text-primary);font-size:1.5rem;font-weight:600}.dashboard .dashboard-section .error-message{color:#ef4444;background:#ef44441a;padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid rgba(239,68,68,.2)}.dashboard .dashboard-section .retry-btn,.dashboard .dashboard-section .refresh-btn{background:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.dashboard .dashboard-section .retry-btn:hover,.dashboard .dashboard-section .refresh-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.dashboard .dashboard-section .no-courses{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.dashboard .dashboard-section .no-courses p{margin-bottom:1rem;font-size:1.1rem}.dashboard .dashboard-section .course-tabs{display:flex;gap:.5rem;margin-bottom:2rem;padding:.5rem;background:var(--bg-main);border-radius:8px;border:1px solid var(--border-color)}.dashboard .dashboard-section .course-tabs .course-tab{flex:1;padding:.75rem 1rem;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.dashboard .dashboard-section .course-tabs .course-tab:hover{background:rgba(var(--primary-color-rgb),.1);color:var(--primary-color)}.dashboard .dashboard-section .course-tabs .course-tab.active{background:var(--primary-color);color:#fff;box-shadow:0 2px 8px rgba(var(--primary-color-rgb),.3)}.dashboard .dashboard-section .courses-content .courses-list{display:flex;flex-direction:column;gap:1rem}.dashboard .dashboard-section .courses-content .courses-list .course-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--bg-main);border-radius:8px;border:1px solid var(--border-color);transition:all .3s ease}.dashboard .dashboard-section .courses-content .courses-list .course-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.dashboard .dashboard-section .courses-content .courses-list .course-item .course-info{flex:1}.dashboard .dashboard-section .courses-content .courses-list .course-item .course-info h3{margin-bottom:.5rem;color:var(--text-primary);font-size:1.1rem;font-weight:600}.dashboard .dashboard-section .courses-content .courses-list .course-item .course-info p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.dashboard .dashboard-section .courses-content .courses-list .course-item .course-info .course-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem;color:var(--text-secondary)}.dashboard .dashboard-section .courses-content .courses-list .course-item .course-info .course-meta span{display:flex;align-items:center;gap:.25rem}.dashboard .dashboard-section .courses-content .courses-list .course-item .course-actions{display:flex;gap:.5rem}.dashboard .dashboard-section .courses-content .courses-list .course-item .course-actions button{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease}.dashboard .dashboard-section .courses-content .courses-list .course-item .course-actions button.approve-btn{background:#10b981;color:#fff}.dashboard .dashboard-section .courses-content .courses-list .course-item .course-actions button.approve-btn:hover{background:#059669}.dashboard .dashboard-section .courses-content .courses-list .course-item .course-actions button.reject-btn{background:#ef4444;color:#fff}.dashboard .dashboard-section .courses-content .courses-list .course-item .course-actions button.reject-btn:hover{background:#dc2626}.dashboard .dashboard-section .courses-content .courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.dashboard .dashboard-section .courses-content .courses-grid .course-card{background:var(--bg-main);border-radius:12px;overflow:hidden;border:1px solid var(--border-color);transition:all .3s ease}.dashboard .dashboard-section .courses-content .courses-grid .course-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.dashboard .dashboard-section .courses-content .courses-grid .course-card .course-image{height:200px;overflow:hidden}.dashboard .dashboard-section .courses-content .courses-grid .course-card .course-image img{width:100%;height:100%;object-fit:cover}.dashboard .dashboard-section .courses-content .courses-grid .course-card .course-info{padding:1.5rem}.dashboard .dashboard-section .courses-content .courses-grid .course-card .course-info h4{margin-bottom:.75rem;color:var(--text-primary);font-size:1.1rem;font-weight:600}.dashboard .dashboard-section .courses-content .courses-grid .course-card .course-info p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.dashboard .dashboard-section .courses-content .courses-grid .course-card .course-info .course-meta{display:flex;flex-direction:column;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.dashboard .dashboard-section .courses-content .courses-grid .course-card .course-info .course-meta span{display:flex;align-items:center;gap:.25rem}@media (max-width: 900px){.dashboard-main{grid-template-columns:1fr}.dashboard-header{flex-direction:column;gap:1.5rem;align-items:flex-start}.dashboard-stats-row{flex-direction:column;gap:1rem;padding:1rem}.dashboard-tabs{flex-wrap:wrap;gap:.5rem}.dashboard-tabs .tab-button{min-width:120px;font-size:.9rem;padding:.75rem 1rem}}[data-theme=dark] .dashboard{background:linear-gradient(135deg,#0f172a,#1e293b)}[data-theme=dark] .dashboard .dashboard-header{background:linear-gradient(135deg,#0f172a 80%,#1e293b);border-bottom:1px solid #2d3748}[data-theme=dark] .dashboard .dashboard-header h1{color:#0cb88f;text-shadow:0 2px 8px rgba(12,184,143,.2)}[data-theme=dark] .dashboard .dashboard-stats-grid .stat-box{background:#1e293b;border-color:#2d3748;box-shadow:0 4px 24px #0cb88f1a}[data-theme=dark] .dashboard .dashboard-stats-grid .stat-box .stat-value{color:#e2e8f0}[data-theme=dark] .dashboard .dashboard-stats-grid .stat-box:hover{box-shadow:0 8px 32px #0cb88f26}[data-theme=dark] .dashboard .dashboard-tabs{background:#1e293b;border-color:#2d3748}[data-theme=dark] .dashboard .dashboard-tabs button{background:transparent;color:#94a3b8;border-color:#0cb88f}[data-theme=dark] .dashboard .dashboard-tabs button:hover{background:#0cb88f1a;color:#0cb88f}[data-theme=dark] .dashboard .dashboard-tabs button.active{background:#0cb88f;color:#0f172a;box-shadow:0 4px 16px #0cb88f4d}[data-theme=dark] .dashboard .dashboard-tabs button.active:hover{background:#0ca678}[data-theme=dark] .dashboard .dashboard-section{background:#1e293b;box-shadow:0 4px 24px #0cb88f1a;color:#e2e8f0}[data-theme=dark] .dashboard .dashboard-section:hover{box-shadow:0 8px 32px #0cb88f26}[data-theme=dark] .dashboard .add-instructor-form,[data-theme=dark] .dashboard .add-category-form{background:#0f172a}[data-theme=dark] .dashboard .add-instructor-form input,[data-theme=dark] .dashboard .add-category-form input{background:#1e293b;border-color:#2d3748;color:#e2e8f0}[data-theme=dark] .dashboard .add-instructor-form input:focus,[data-theme=dark] .dashboard .add-category-form input:focus{border-color:#0cb88f}[data-theme=dark] .dashboard .instructor-item,[data-theme=dark] .dashboard .user-item{border-bottom-color:#2d3748;color:#e2e8f0}[data-theme=dark] .dashboard .instructor-item:hover,[data-theme=dark] .dashboard .user-item:hover{background:#0f172a}.dashboard-section{background:var(--bg-secondary);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 16px #0000001a;border:1px solid var(--border-color)}.dashboard-section h2{margin-bottom:1.5rem;color:var(--text-primary);font-size:1.5rem;font-weight:600;position:relative;padding-bottom:.75rem}.dashboard-section h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--primary-hover));border-radius:2px}.dashboard-section .overview-content .stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.dashboard-section .overview-content .stats-summary .stat-card{background:var(--bg-tertiary);padding:1.5rem;border-radius:12px;border:1px solid var(--border-color);display:flex;align-items:center;gap:1rem;transition:all .3s ease}.dashboard-section .overview-content .stats-summary .stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.dashboard-section .overview-content .stats-summary .stat-card .stat-icon{width:60px;height:60px;border-radius:12px;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.dashboard-section .overview-content .stats-summary .stat-card .stat-details{flex:1}.dashboard-section .overview-content .stats-summary .stat-card .stat-details h3{margin:0 0 .5rem;color:var(--text-secondary);font-size:.9rem;font-weight:500}.dashboard-section .overview-content .stats-summary .stat-card .stat-details .stat-number{margin:0 0 .5rem;font-size:1.8rem;font-weight:700;color:var(--text-primary);line-height:1}.dashboard-section .overview-content .stats-summary .stat-card .stat-details .stat-change{display:flex;align-items:center;gap:.25rem;font-size:.8rem;font-weight:500}.dashboard-section .overview-content .stats-summary .stat-card .stat-details .stat-change.positive{color:#10b981}.dashboard-section .overview-content .stats-summary .stat-card .stat-details .stat-change.negative{color:#ef4444}.dashboard-section .overview-content .recent-courses h3{margin-bottom:1.5rem;color:var(--text-primary);font-size:1.2rem;font-weight:600}.dashboard-section .overview-content .recent-courses .loading-state{display:flex;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:var(--text-secondary)}.dashboard-section .overview-content .recent-courses .loading-state .spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.dashboard-section .overview-content .recent-courses .courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.dashboard-section .overview-content .recent-courses .courses-grid .course-card{background:var(--bg-tertiary);border-radius:12px;overflow:hidden;border:1px solid var(--border-color);transition:all .3s ease}.dashboard-section .overview-content .recent-courses .courses-grid .course-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.dashboard-section .overview-content .recent-courses .courses-grid .course-card .course-image{height:160px;overflow:hidden}.dashboard-section .overview-content .recent-courses .courses-grid .course-card .course-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.dashboard-section .overview-content .recent-courses .courses-grid .course-card:hover .course-image img{transform:scale(1.05)}.dashboard-section .overview-content .recent-courses .courses-grid .course-card .course-info{padding:1.5rem}.dashboard-section .overview-content .recent-courses .courses-grid .course-card .course-info h4{margin:0 0 .75rem;color:var(--text-primary);font-size:1.1rem;font-weight:600;line-height:1.3}.dashboard-section .overview-content .recent-courses .courses-grid .course-card .course-info p{margin:0 0 1rem;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.dashboard-section .overview-content .recent-courses .courses-grid .course-card .course-info .course-meta{display:flex;flex-direction:column;gap:.5rem}.dashboard-section .overview-content .recent-courses .courses-grid .course-card .course-info .course-meta span{color:var(--text-secondary);font-size:.8rem;display:flex;align-items:center;gap:.5rem}.dashboard-section .overview-content .recent-courses .empty-state{text-align:center;padding:3rem;color:var(--text-secondary);background:var(--bg-tertiary);border-radius:12px;border:2px dashed var(--border-color)}.dashboard-section .courses-content .course-tabs{display:flex;gap:.5rem;margin-bottom:2rem;padding:.5rem;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-color)}.dashboard-section .courses-content .course-tabs .course-tab{flex:1;padding:.75rem 1.5rem;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.dashboard-section .courses-content .course-tabs .course-tab:hover{color:var(--primary-color);background:rgba(var(--primary-color-rgb),.1)}.dashboard-section .courses-content .course-tabs .course-tab.active{color:#fff;background:var(--primary-color);box-shadow:0 4px 16px rgba(var(--primary-color-rgb),.3)}.dashboard-section .courses-content .course-tabs .course-tab.active:hover{background:var(--primary-hover)}.dashboard-section .courses-content .no-courses{text-align:center;padding:3rem;color:var(--text-secondary);font-size:1.1rem;background:var(--bg-tertiary);border-radius:8px;border:2px dashed var(--border-color)}.dashboard-section .courses-content .courses-list{display:flex;flex-direction:column;gap:1rem}.dashboard-section .courses-content .courses-list .course-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color);transition:all .3s ease}.dashboard-section .courses-content .courses-list .course-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.dashboard-section .courses-content .courses-list .course-item .course-info{flex:1}.dashboard-section .courses-content .courses-list .course-item .course-info h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1.2rem;font-weight:600}.dashboard-section .courses-content .courses-list .course-item .course-info p{margin:0 0 1rem;color:var(--text-secondary);line-height:1.5}.dashboard-section .courses-content .courses-list .course-item .course-info .course-meta{display:flex;gap:1.5rem;flex-wrap:wrap}.dashboard-section .courses-content .courses-list .course-item .course-info .course-meta span{color:var(--text-secondary);font-size:.9rem;display:flex;align-items:center;gap:.5rem}.dashboard-section .courses-content .courses-list .course-item .course-actions{display:flex;gap:.75rem}.dashboard-section .courses-content .courses-list .course-item .course-actions button{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.dashboard-section .courses-content .courses-list .course-item .course-actions button.approve-btn{background:var(--primary-color);color:#fff}.dashboard-section .courses-content .courses-list .course-item .course-actions button.approve-btn:hover{background:var(--primary-hover)}.dashboard-section .courses-content .courses-list .course-item .course-actions button.reject-btn{background:#dc3545;color:#fff}.dashboard-section .courses-content .courses-list .course-item .course-actions button.reject-btn:hover{background:#c82333}.dashboard-section .courses-content .courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.dashboard-section .courses-content .courses-grid .course-card{background:var(--bg-tertiary);border-radius:12px;overflow:hidden;border:1px solid var(--border-color);transition:all .3s ease}.dashboard-section .courses-content .courses-grid .course-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.dashboard-section .courses-content .courses-grid .course-card .course-image{height:160px;overflow:hidden}.dashboard-section .courses-content .courses-grid .course-card .course-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.dashboard-section .courses-content .courses-grid .course-card:hover .course-image img{transform:scale(1.05)}.dashboard-section .courses-content .courses-grid .course-card .course-info{padding:1.5rem}.dashboard-section .courses-content .courses-grid .course-card .course-info h4{margin:0 0 .75rem;color:var(--text-primary);font-size:1.1rem;font-weight:600;line-height:1.3}.dashboard-section .courses-content .courses-grid .course-card .course-info p{margin:0 0 1rem;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.dashboard-section .courses-content .courses-grid .course-card .course-info .course-meta{display:flex;flex-direction:column;gap:.5rem}.dashboard-section .courses-content .courses-grid .course-card .course-info .course-meta span{color:var(--text-secondary);font-size:.8rem;display:flex;align-items:center;gap:.5rem}.dashboard-section .error-message{text-align:center;padding:2rem;color:#dc3545;background:#dc35451a;border-radius:8px;border:1px solid rgba(220,53,69,.2)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-overlay .modal-content{background:var(--bg-main);border-radius:16px;padding:2.5rem;width:95%;max-width:800px;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #0003;border:1px solid var(--border-main)}.modal-overlay .modal-content .image-container{width:100%;margin:1rem 0;display:flex;justify-content:center;align-items:center}.modal-overlay .modal-content .image-container img{max-width:100%;height:auto;max-height:60vh;border-radius:12px;object-fit:contain;box-shadow:0 4px 12px #0000001a}.modal-overlay .modal-content input,.modal-overlay .modal-content textarea,.modal-overlay .modal-content select{width:100%;padding:1rem;border:2px solid var(--border-main);border-radius:12px;background:var(--bg-card);color:var(--text-main);font-size:1rem;transition:all .3s ease;margin-bottom:1rem}.modal-overlay .modal-content input:focus,.modal-overlay .modal-content textarea:focus,.modal-overlay .modal-content select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #4fa3ff33;background:var(--bg-main)}.modal-overlay .modal-content input:hover,.modal-overlay .modal-content textarea:hover,.modal-overlay .modal-content select:hover{border-color:var(--accent-hover)}.modal-overlay .modal-content::-webkit-scrollbar{width:10px}.modal-overlay .modal-content::-webkit-scrollbar-track{background:var(--bg-card);border-radius:8px}.modal-overlay .modal-content::-webkit-scrollbar-thumb{background:var(--border-main);border-radius:8px;border:2px solid var(--bg-card)}.modal-overlay .modal-content::-webkit-scrollbar-thumb:hover{background:var(--accent)}.modal-overlay .modal-content .modal-close{position:absolute;top:1.5rem;right:1.5rem;background:var(--bg-card);border:1px solid var(--border-main);color:var(--text-secondary);cursor:pointer;padding:.75rem;border-radius:12px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.modal-overlay .modal-content .modal-close:hover{background:var(--accent);color:#fff;transform:scale(1.05)}.modal-overlay .modal-content .modal-close:focus{outline:none;box-shadow:0 0 0 3px #4fa3ff4d}.modal-overlay .modal-content h2,.modal-overlay .modal-content h3{color:var(--text-main);margin-bottom:1.5rem;font-weight:600}.modal-overlay .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-main)}.modal-overlay .modal-content .modal-header .search-container{position:relative;width:100%;margin-bottom:1rem}.modal-overlay .modal-content .modal-header .search-container .search-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--border-main);border-radius:8px;font-size:1rem;direction:rtl;margin-bottom:0}.modal-overlay .modal-content .modal-header .search-container .suggestions-container{display:block!important;position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ccc;z-index:9999;max-height:200px;overflow-y:auto;box-shadow:0 4px 12px #00000026}.modal-overlay .modal-content .modal-header .search-container .suggestions-container .suggestion-item{padding:12px 16px;cursor:pointer;background:#fff;color:#222;border-bottom:1px solid var(--border-main)}.modal-overlay .modal-content .modal-header .search-container .suggestions-container .suggestion-item:last-child{border-bottom:none}.modal-overlay .modal-content .modal-header .search-container .suggestions-container .suggestion-item:hover{background:#f0f0f0}.modal-overlay .modal-content .modal-header .search-container .suggestions-container .suggestion-item .suggestion-name{display:block;font-weight:500;color:var(--text-main)}.modal-overlay .modal-content .modal-header .search-container .search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.modal-overlay .modal-content .modal-header .modal-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease}.modal-overlay .modal-content .modal-header .modal-close:hover{background:var(--bg-card);color:var(--text-main)}.modal-overlay .modal-content .modal-header .modal-close:focus{outline:none;box-shadow:0 0 0 2px var(--accent)}.modal-enter{opacity:0;transform:scale(.95) translateY(10px)}.modal-enter-active{opacity:1;transform:scale(1) translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-exit{opacity:1;transform:scale(1) translateY(0)}.modal-exit-active{opacity:0;transform:scale(.95) translateY(10px);transition:all .2s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .modal-content{background:var(--bg-card);border:1px solid var(--border-main);box-shadow:0 10px 40px #0006}[data-theme=dark] .modal-content input,[data-theme=dark] .modal-content textarea,[data-theme=dark] .modal-content select{background:var(--bg-main)}[data-theme=dark] .modal-content input:focus,[data-theme=dark] .modal-content textarea:focus,[data-theme=dark] .modal-content select:focus{background:var(--bg-card)}[data-theme=dark] .modal-content .modal-close{background:var(--bg-main)}[data-theme=dark] .modal-content .modal-close:hover{background:var(--accent)}@media (max-width: 768px){.modal-overlay{padding:1rem}.modal-content{padding:2rem 1.5rem;width:100%}.modal-content .image-container img{max-height:50vh}}@media (max-width: 480px){.modal-overlay{padding:.5rem}.modal-content{padding:1.5rem 1rem;border-radius:12px}.modal-content .modal-close{top:1rem;right:1rem;padding:.5rem}}[data-theme=dark] .suggestions-container{background:var(--bg-card);border-color:var(--border-main)}[data-theme=dark] .suggestions-container .suggestion-item:hover{background:var(--bg-main)}.create-track-form{background:#fff;border-radius:1rem;padding:2rem}.create-track-form{max-width:700px;margin:0 auto;background:var(--bg-primary);border-radius:1.5rem;box-shadow:0 8px 32px var(--shadow-color);padding:2.5rem 2rem;position:relative;overflow:hidden}.create-track-form .avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.create-track-form .avatar-section .avatar-upload-label{cursor:pointer;position:relative;width:140px;height:140px;margin-bottom:12px;box-shadow:0 4px 16px var(--shadow-color)}.create-track-form .avatar-section .avatar-upload-label .avatar-preview{width:100%;height:100%;border-radius:50%;overflow:hidden;border:4px solid var(--primary-color);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 2px 8px var(--shadow-color)}.create-track-form .avatar-section .avatar-upload-label .avatar-preview img{width:100%;height:100%;object-fit:cover}.create-track-form .avatar-section .avatar-upload-label .avatar-preview .avatar-placeholder{color:var(--text-tertiary);font-size:48px;text-align:center}.create-track-form .avatar-section .avatar-upload-label .avatar-preview .avatar-placeholder p{font-size:14px;margin-top:8px}.create-track-form .avatar-section .avatar-upload-label .avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:rgba(var(--primary-rgb),.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;color:#fff;font-weight:600;font-size:16px}.create-track-form .avatar-section .avatar-upload-label:hover .avatar-overlay{opacity:1}.create-track-form .form-header{text-align:center;margin-bottom:2rem;color:var(--primary-color);font-weight:800;font-size:1.7rem}.create-track-form .form-group{margin-bottom:1.5rem;position:relative}.create-track-form .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary)}.create-track-form .form-group .required-star{color:var(--error)}.create-track-form .form-group input,.create-track-form .form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:1rem;background:var(--bg-secondary);color:var(--text-primary);transition:all .3s}.create-track-form .form-group input:focus,.create-track-form .form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--border-focus)}.create-track-form .form-group textarea{resize:vertical;min-height:100px}.create-track-form .category-search-container{position:relative}.create-track-form .category-search-container input{padding-right:2.5rem}.create-track-form .category-search-container .clear-category{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:0;color:var(--error);font-size:1.2rem;display:flex;align-items:center}.create-track-form .suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:0 0 .5rem .5rem;z-index:10;max-height:200px;overflow-y:auto;box-shadow:0 4px 12px var(--shadow-color);margin-top:-1px}.create-track-form .suggestions-dropdown .suggestion-item{padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid var(--bg-tertiary);transition:background .2s}.create-track-form .suggestions-dropdown .suggestion-item:hover{background:var(--bg-tertiary)}.create-track-form .suggestions-dropdown .suggestion-item:last-child{border-bottom:none}.create-track-form .suggestions-dropdown .suggestion-loading,.create-track-form .suggestions-dropdown .no-suggestions{padding:.75rem 1rem;color:var(--text-tertiary);text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem}.create-track-form .suggestions-dropdown .spinner{animation:spin 1s linear infinite}.create-track-form .array-section{background:var(--bg-tertiary);border-radius:.75rem;padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 2px 8px var(--shadow-color)}.create-track-form .array-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.create-track-form .array-section .section-header label{font-weight:700;color:var(--primary-color);margin:0}.create-track-form .array-section .section-header .add-item-btn{background:var(--secondary-color);color:#fff;border:none;border-radius:.25rem;padding:.25rem .75rem;font-weight:600;cursor:pointer;transition:background .2s}.create-track-form .array-section .section-header .add-item-btn:hover{background:var(--secondary-hover)}.create-track-form .array-section .array-item{display:flex;gap:.5rem;margin-bottom:.5rem}.create-track-form .array-section .array-item input{flex:1;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.25rem}.create-track-form .array-section .array-item .remove-item-btn{background:var(--error-light);color:var(--error);border:none;border-radius:.25rem;width:32px;cursor:pointer;transition:background .2s}.create-track-form .array-section .array-item .remove-item-btn:hover:not(:disabled){background:var(--error);color:#fff}.create-track-form .array-section .array-item .remove-item-btn:disabled{opacity:.5;cursor:not-allowed}.create-track-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.create-track-form .form-actions .cancel-btn,.create-track-form .form-actions .submit-btn{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .3s;font-size:1rem;border:none}.create-track-form .form-actions .cancel-btn{background:var(--bg-tertiary);color:var(--text-secondary)}.create-track-form .form-actions .cancel-btn:hover{background:var(--bg-secondary)}.create-track-form .form-actions .submit-btn{background:var(--primary-color);color:#fff;display:flex;align-items:center;gap:.5rem}.create-track-form .form-actions .submit-btn:hover:not(:disabled){background:var(--primary-hover)}.create-track-form .form-actions .submit-btn:disabled{background:var(--primary-disabled);cursor:not-allowed}.create-track-form .form-actions .submit-btn .spinner{animation:spin 1s linear infinite}@media (max-width: 600px){.create-track-form{padding:1.2rem .5rem 1.5rem;border-radius:.8rem}.create-track-form .avatar-section .avatar-upload-label,.create-track-form .avatar-section .avatar-upload-label .avatar-preview{width:90px;height:90px}.create-track-form .array-section{padding:.5rem}}.professional-info .full-width{grid-column:1/-1}.professional-info textarea{width:100%;min-height:100px;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-main);color:var(--text-primary);resize:vertical}.professional-info textarea:focus{outline:none;border-color:var(--primary-color)}.professional-info .button-group{display:flex;gap:.5rem;margin-top:.5rem}.professional-info .display-value p{margin:0;color:var(--text-primary);white-space:pre-wrap}.courses-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.courses-section .add-course-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s ease}.courses-section .add-course-btn:hover{background:var(--primary-hover)}.courses-section .courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;min-height:200px}.courses-section .empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:var(--bg-main);border-radius:8px;border:2px dashed var(--border-color)}.courses-section .empty-state p{color:var(--text-secondary);margin-bottom:1rem}.courses-section .empty-state .create-course-btn{padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s ease}.courses-section .empty-state .create-course-btn:hover{background:var(--primary-hover)}.courses-section .track-card.improved-track-card{background:var(--card-gradient);border-radius:24px;box-shadow:0 8px 32px var(--shadow-color);overflow:hidden;display:flex;flex-direction:column;padding:0;border:2px solid var(--card-border);position:relative;transition:box-shadow .22s,transform .22s,border-color .22s}.courses-section .track-card.improved-track-card:before{content:"";display:block;height:7px;width:100%;background:linear-gradient(90deg,var(--primary-color) 60%,var(--info) 100%);position:absolute;top:0;left:0;z-index:2;transition:background .3s}.courses-section .track-card.improved-track-card:hover{box-shadow:0 16px 48px var(--shadow-color-darker);transform:translateY(-10px) scale(1.03);border-color:var(--primary-color)}.courses-section .track-card.improved-track-card .track-image-wrapper{position:relative;width:100%;height:190px;overflow:hidden}.courses-section .track-card.improved-track-card .track-image-wrapper .track-thumbnail{width:100%;height:100%;object-fit:cover;display:block;border-radius:0;filter:brightness(.97) contrast(1.07);transition:filter .2s}.courses-section .track-card.improved-track-card .track-image-wrapper .track-image-gradient{position:absolute;bottom:0;left:0;width:100%;height:60px;background:linear-gradient(0deg,var(--bg-secondary) 90%,transparent 100%);pointer-events:none;transition:background .3s}.courses-section .track-card.improved-track-card .track-card-content{padding:1.5rem 1.5rem 1.2rem;display:flex;flex-direction:column;gap:.9rem;flex:1}.courses-section .track-card.improved-track-card h3{font-size:1.4rem;font-weight:900;color:var(--primary-color);margin-bottom:.3rem;margin-top:.3rem;letter-spacing:.5px;line-height:1.2;text-shadow:0 2px 8px var(--shadow-color)}.courses-section .track-card.improved-track-card .track-stats-row{display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap;margin-bottom:.3rem}.courses-section .track-card.improved-track-card .track-stats-row .track-stat{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.08rem;background:var(--accent);border-radius:9px;padding:.22em 1em;box-shadow:0 1px 4px var(--shadow-color)}.courses-section .track-card.improved-track-card .track-stats-row .track-stat svg{font-size:1.18em}.courses-section .track-card.improved-track-card .track-stats-row .track-stat-sections{color:var(--primary-color);background:rgba(var(--primary-rgb),.1)}.courses-section .track-card.improved-track-card .track-stats-row .track-stat-students{color:var(--info);background:#1976d21f}.courses-section .track-card.improved-track-card .track-stats-row .track-stat-category{color:var(--warning);background:#ff98001f}.courses-section .track-card.improved-track-card .track-status{color:var(--text-tertiary);font-size:1rem;margin:.2rem 0}.courses-section .track-card.improved-track-card .track-status span{color:var(--primary-color);font-weight:800}.courses-section .track-card.improved-track-card .details-btn{margin-top:1.2rem;background:var(--primary-color);color:#fff;border:none;border-radius:10px;padding:.7rem 1.8rem;cursor:pointer;font-weight:800;font-size:1.08rem;box-shadow:0 2px 8px var(--shadow-color);transition:background .2s,box-shadow .2s;align-self:flex-end}.courses-section .track-card.improved-track-card .details-btn:hover{background:var(--primary-hover);box-shadow:0 4px 16px var(--shadow-color)}.courses-section .track-card.product-card{background:var(--bg-secondary);border-radius:18px;box-shadow:0 4px 24px var(--shadow-color);overflow:hidden;display:flex;flex-direction:column;border:1.5px solid var(--card-border, #e0f2f1);position:relative;transition:box-shadow .22s,transform .22s,border-color .22s}.courses-section .track-card.product-card:hover{box-shadow:0 12px 36px var(--shadow-color-darker, rgba(33, 150, 243, .18));transform:translateY(-8px) scale(1.025);border-color:var(--primary-color)}.courses-section .track-card.product-card .product-image-wrapper{width:100%;height:180px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.courses-section .track-card.product-card .product-image-wrapper .track-thumbnail{width:100%;height:100%;object-fit:cover;border-radius:0;transition:filter .2s;filter:brightness(.98) contrast(1.07)}.courses-section .track-card.product-card .product-image-wrapper .price-badge{position:absolute;top:12px;left:12px;background:var(--primary-color);color:#fff;font-weight:800;font-size:1.08rem;border-radius:8px;padding:.35em 1em;box-shadow:0 2px 8px var(--shadow-color);z-index:2;letter-spacing:.5px}.courses-section .track-card.product-card .product-content{padding:1.2rem 1.2rem 1.1rem;display:flex;flex-direction:column;gap:.7rem;flex:1}.courses-section .track-card.product-card .product-title{font-size:1.22rem;font-weight:800;color:var(--primary-color);margin:.2rem 0 .1rem;letter-spacing:.5px;line-height:1.2;min-height:2.5em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.courses-section .track-card.product-card .product-description{color:var(--text-secondary);font-size:.98rem;margin-bottom:.2rem;min-height:2.2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.courses-section .track-card.product-card .product-stats-row{display:flex;gap:1.1rem;align-items:center;flex-wrap:wrap;margin-bottom:.2rem}.courses-section .track-card.product-card .product-stats-row .product-stat{display:flex;align-items:center;gap:7px;font-weight:600;font-size:1.01rem;background:var(--accent);border-radius:7px;padding:.18em .8em;box-shadow:0 1px 4px var(--shadow-color)}.courses-section .track-card.product-card .product-stats-row .product-stat svg{font-size:1.15em}.courses-section .track-card.product-card .product-stats-row .product-stat-sections{color:var(--primary-color);background:rgba(var(--primary-rgb),.08)}.courses-section .track-card.product-card .product-stats-row .product-stat-students{color:var(--info);background:#1976d214}.courses-section .track-card.product-card .product-stats-row .product-stat-category{color:var(--warning);background:#ff980014}.courses-section .track-card.product-card .product-action{margin-top:1.1rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;padding:.6rem 1.6rem;cursor:pointer;font-weight:700;font-size:1.05rem;box-shadow:0 2px 8px var(--shadow-color);transition:background .2s,box-shadow .2s;align-self:flex-end}.courses-section .track-card.product-card .product-action:hover{background:var(--primary-hover);box-shadow:0 4px 16px var(--shadow-color)}.courses-section .publish-toggle-row{display:flex;align-items:center;margin-bottom:.7rem;justify-content:flex-end}.courses-section .publish-switch{display:flex;align-items:center;gap:.7rem;font-weight:700;font-size:1.01rem}.courses-section .publish-switch .slider{width:44px;height:24px;background:var(--bg-tertiary);border-radius:12px;position:relative;transition:background .2s;box-shadow:0 1px 4px var(--shadow-color)}.courses-section .publish-switch .slider:before{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;background:var(--primary-color);border-radius:50%;transition:transform .2s,background .2s;box-shadow:0 1px 4px var(--shadow-color)}.courses-section .publish-switch input:checked+.slider{background:var(--primary-color)}.courses-section .publish-switch input:checked+.slider:before{background:#fff;transform:translate(20px)}.courses-section .publish-switch .publish-label{color:var(--primary-color);font-weight:800;font-size:1.01rem;min-width:70px;text-align:right;letter-spacing:.5px}.info-section{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem}.info-section .section-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--border);display:flex;align-items:center;gap:.5rem}.info-section .section-title svg{color:var(--primary)}.info-section .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}@media (max-width: 480px){.info-section .info-grid{grid-template-columns:1fr}}.info-section .info-field{position:relative;background:var(--bg-card);border-radius:8px;padding:1rem;box-shadow:0 1px 3px #0000001a}.info-section .info-field label{display:block;color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.info-section .info-field .field-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.info-section .info-field .field-header label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.info-section .info-field .field-header .edit-icon{color:var(--primary);cursor:pointer;opacity:0;transition:opacity .2s ease;padding:4px;border-radius:4px}.info-section .info-field .field-header .edit-icon:hover{background:var(--primary-light)}.info-section .info-field:hover .edit-icon{opacity:1}.info-section .info-field .field-content .display-value{display:flex;align-items:center;gap:.75rem;background:var(--bg-input);padding:.75rem;border-radius:6px;border:1px solid var(--border);color:var(--text-primary);font-size:.9375rem}.info-section .info-field .field-content .display-value span{display:block;width:100%}.info-section .info-field .field-content .edit-controls{display:flex;flex-direction:column;gap:.75rem}.info-section .info-field .field-content .edit-controls input{width:100%;padding:.75rem;border:2px solid var(--primary);border-radius:6px;background:var(--bg-input);color:var(--text-primary);font-size:.9375rem}.info-section .info-field .field-content .edit-controls input:focus{outline:none;box-shadow:0 0 0 3px var(--primary-light)}.info-section .info-field .field-content .edit-controls textarea{min-height:100px;resize:vertical}.info-section .info-field .field-content .edit-controls .button-group{display:flex;gap:.5rem}.info-section .info-field .field-content .edit-controls .button-group button{flex:1;padding:.625rem;border-radius:6px;font-size:.875rem;font-weight:500;transition:all .2s ease}.info-section .info-field .field-content .edit-controls .button-group button.save-btn{background:var(--primary);color:#fff;border:none}.info-section .info-field .field-content .edit-controls .button-group button.save-btn:hover:not(:disabled){background:var(--primary-dark)}.info-section .info-field .field-content .edit-controls .button-group button.save-btn:disabled{opacity:.7;cursor:not-allowed}.info-section .info-field .field-content .edit-controls .button-group button.cancel-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.info-section .info-field .field-content .edit-controls .button-group button.cancel-btn:hover{background:var(--bg-hover);border-color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.edit-controls{animation:fadeIn .2s ease-out}.stats-section{display:grid;grid-template-columns:repeat(5,1fr);gap:1.25rem;padding:1.5rem;background:linear-gradient(145deg,var(--bg-card) 0%,var(--bg-main) 100%);border-radius:16px;box-shadow:0 10px 30px -5px #00000014;position:relative}.stats-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:inherit;z-index:0}.stats-section .stat-item{position:relative;z-index:1;display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#ffffff1a;border-radius:12px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.4,0,.2,1)}.stats-section .stat-item:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 8px 20px #4fa3ff26}.stats-section .stat-item:hover .stat-icon{transform:scale(1.1);background:var(--accent)}.stats-section .stat-item:hover .stat-icon svg{color:var(--bg-main)}.stats-section .stat-item .stat-icon{flex-shrink:0;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:all .3s ease;background:#4fa3ff1a}.stats-section .stat-item .stat-icon svg{color:var(--accent);transition:color .3s ease}.stats-section .stat-item .stat-info{flex:1;min-width:0}.stats-section .stat-item .stat-info .stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500;margin-bottom:.25rem}.stats-section .stat-item .stat-info .stat-value{display:block;font-size:1.25rem;font-weight:600;color:var(--text-primary);text-align:start;min-height:1.5em}.stats-section .stat-item .stat-info .stat-value:empty:after{content:"0";opacity:.5}@media (max-width: 1200px){.stats-section{grid-template-columns:repeat(3,1fr)}}@media (max-width: 992px){.stats-section{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 576px){.stats-section{grid-template-columns:1fr;padding:1rem}.stats-section .stat-item{padding:1rem}.stats-section .stat-item .stat-icon{width:36px;height:36px}.stats-section .stat-item .stat-info .stat-label{font-size:.8125rem}.stats-section .stat-item .stat-info .stat-value{font-size:1rem}}.instructor-profile{margin:2rem auto;background:var(--bg-main);color:var(--text-main);border-radius:12px;box-shadow:0 2px 16px #0000000f;padding:2rem;transition:background .3s,color .3s;padding-top:70px;min-height:100vh;background-color:var(--bg-color)}.instructor-profile .profile-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}@media (max-width: 768px){.instructor-profile .profile-content{flex-direction:column;gap:1rem;text-align:center}}.instructor-profile .profile-header{background:linear-gradient(to bottom,var(--primary-light) 0%,var(--bg-primary) 100%);border-radius:1rem;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #0000001a}.instructor-profile .profile-header .header-content{max-width:1200px;margin:0 auto}.instructor-profile .profile-header .profile-info{display:flex;gap:2rem;align-items:flex-start}@media (max-width: 768px){.instructor-profile .profile-header .profile-info{flex-direction:column;align-items:center;text-align:center}}.instructor-profile .profile-header .avatar-container{flex-shrink:0}.instructor-profile .profile-header .avatar-container .avatar-wrapper{position:relative;width:180px;height:180px;border-radius:50%;overflow:hidden;cursor:pointer;border:4px solid var(--primary-color);transition:transform .3s ease}.instructor-profile .profile-header .avatar-container .avatar-wrapper:hover{transform:scale(1.02)}.instructor-profile .profile-header .avatar-container .avatar-wrapper:hover:after{content:"تغيير الصورة";position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;padding:.5rem;font-size:.875rem;text-align:center}.instructor-profile .profile-header .avatar-container .avatar-wrapper .avatar-image{width:100%;height:100%;object-fit:cover}.instructor-profile .profile-header .avatar-container .avatar-wrapper .avatar-loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffc;display:grid;place-items:center}.instructor-profile .profile-header .avatar-container .avatar-wrapper .avatar-loading .spinner{width:40px;height:40px;border:4px solid var(--primary-light);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.instructor-profile .profile-header .text-content{flex:1;min-width:0}.instructor-profile .profile-header .text-content .full-name{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;line-height:1.2}@media (max-width: 768px){.instructor-profile .profile-header .text-content .full-name{font-size:2rem}}.instructor-profile .profile-header .text-content .job-title{font-size:1.25rem;color:var(--primary-color);margin:0 0 1rem;font-weight:500;opacity:.9}.instructor-profile .profile-header .text-content .bio{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:0 0 1.5rem;max-width:600px}@media (max-width: 768px){.instructor-profile .profile-header .text-content .bio{font-size:.9rem}}.instructor-profile .profile-header .text-content .skills-preview{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}@media (max-width: 768px){.instructor-profile .profile-header .text-content .skills-preview{justify-content:center}}.instructor-profile .profile-header .text-content .skills-preview .skill-tag{background-color:var(--primary-light);color:var(--primary-dark);padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;transition:all .2s ease;border:1px solid var(--primary-color)}.instructor-profile .profile-header .text-content .skills-preview .skill-tag:hover{background-color:var(--primary-color);color:var(--bg-primary);transform:translateY(-2px)}.instructor-profile .profile-header .text-content .skills-preview .more-skills{color:var(--text-secondary);font-size:.875rem;padding:.5rem 1rem;background-color:var(--bg-secondary);border-radius:2rem;transition:all .2s ease}.instructor-profile .profile-header .text-content .skills-preview .more-skills:hover{background-color:var(--primary-light);color:var(--primary-dark)}.instructor-profile .profile-header .profile-actions{display:flex;justify-content:flex-end;align-items:center;gap:1rem;padding:1rem}.instructor-profile .profile-header .profile-actions .edit-profile-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease}.instructor-profile .profile-header .profile-actions .edit-profile-button:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.instructor-profile .profile-header .profile-actions .edit-profile-button:active{transform:translateY(0)}.instructor-profile .profile-header .profile-actions .edit-profile-button svg{stroke-width:2}.instructor-profile .theme-toggle{background:none;border:none;cursor:pointer;color:var(--accent);padding:.2rem .4rem;border-radius:50%;transition:background .2s}.instructor-profile .theme-toggle:hover{background:var(--bg-card)}.instructor-profile .theme-toggle .theme-icon{vertical-align:middle}.instructor-profile .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.instructor-profile .stats-grid .stat-card{background:var(--bg-card);border-radius:8px;padding:1rem 1.5rem;box-shadow:0 1px 4px #0000000a;display:flex;align-items:center;gap:1rem;width:100%;min-width:unset}.instructor-profile .stats-grid .stat-card .stat-icon{color:var(--accent)}.instructor-profile .stats-grid .stat-card .stat-details{display:flex;flex-direction:column}.instructor-profile .stats-grid .stat-card .stat-details .stat-value{font-weight:700;font-size:1.2rem}.instructor-profile .stats-grid .stat-card .stat-details .stat-label{color:var(--text-secondary);font-size:.95rem}.instructor-profile .profile-content{margin-top:2rem}.instructor-profile .profile-content .personal-info,.instructor-profile .profile-content .professional-info{margin-bottom:2rem}.instructor-profile .profile-content .personal-info h2,.instructor-profile .profile-content .professional-info h2{font-size:1.3rem;margin-bottom:1rem;color:var(--accent)}.instructor-profile .profile-content .personal-info .info-item label,.instructor-profile .profile-content .professional-info .info-item label{font-weight:500;margin-bottom:.3rem;display:block}.instructor-profile .profile-content .personal-info .info-item p,.instructor-profile .profile-content .personal-info .info-item .bio,.instructor-profile .profile-content .professional-info .info-item p,.instructor-profile .profile-content .professional-info .info-item .bio{margin:.2rem 0 .5rem;font-size:1.05rem}.instructor-profile .profile-content .personal-info .info-item input,.instructor-profile .profile-content .personal-info .info-item textarea,.instructor-profile .profile-content .professional-info .info-item input,.instructor-profile .profile-content .professional-info .info-item textarea{width:100%;padding:.4rem .7rem;border:1px solid var(--border-main);border-radius:4px;font-size:1rem;background:var(--bg-main);color:var(--text-main)}.instructor-profile .profile-content .personal-info .info-item button,.instructor-profile .profile-content .professional-info .info-item button{margin-right:.5rem;padding:.3rem 1rem;border:none;border-radius:4px;background:var(--accent);color:var(--text-main);font-weight:700;cursor:pointer;transition:background .2s}.instructor-profile .profile-content .personal-info .info-item button:hover,.instructor-profile .profile-content .professional-info .info-item button:hover{background:var(--accent-hover)}.instructor-profile .courses-section{margin-top:2rem}.instructor-profile .courses-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.instructor-profile .courses-section .section-header h2{font-size:1.5rem;font-weight:600}.instructor-profile .courses-section .section-header .create-track-btn{padding:.5rem 1rem;background:var(--primary-color);color:#fff;border-radius:.5rem;transition:all .2s}.instructor-profile .courses-section .section-header .create-track-btn:hover{background:var(--primary-color-dark)}.instructor-profile .courses-section .tracks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.instructor-profile .courses-section .tracks-grid .track-card{background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 2px 4px #0000001a;transition:transform .2s}.instructor-profile .courses-section .tracks-grid .track-card:hover{transform:translateY(-4px)}.instructor-profile .courses-section .tracks-grid .track-card .track-thumbnail{position:relative;aspect-ratio:16/9}.instructor-profile .courses-section .tracks-grid .track-card .track-thumbnail img{width:100%;height:100%;object-fit:cover}.instructor-profile .courses-section .tracks-grid .track-card .track-thumbnail .status-badge{position:absolute;top:.5rem;right:.5rem;padding:.25rem .75rem;border-radius:1rem;color:#fff;font-size:.875rem;text-transform:capitalize}.instructor-profile .courses-section .tracks-grid .track-card .track-content{padding:1rem}.instructor-profile .courses-section .tracks-grid .track-card .track-content .track-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.instructor-profile .courses-section .tracks-grid .track-card .track-content .track-meta{display:flex;gap:1rem;color:var(--text-secondary);font-size:.875rem}.instructor-profile .courses-section .tracks-grid .track-card .track-content .track-meta .meta-item{display:flex;align-items:center;gap:.25rem}.instructor-profile .courses-section .tracks-grid .track-card .track-content .track-meta .track-price{margin-left:auto;font-weight:600}.instructor-profile .courses-section .tracks-grid .track-card .track-content .track-meta .track-price.free{color:var(--success-color)}.instructor-profile .loading-container,.instructor-profile .error-container{min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.instructor-profile .loading-container .loading-spinner,.instructor-profile .error-container .loading-spinner{margin-bottom:1rem;font-size:1.5rem}.instructor-profile .loading-container .error-message,.instructor-profile .error-container .error-message{color:var(--error);margin-bottom:1rem}.instructor-profile .loading-container button,.instructor-profile .error-container button{background:var(--accent);color:var(--text-main);border:none;border-radius:4px;padding:.4rem 1.2rem;cursor:pointer;font-weight:700;transition:background .2s}.instructor-profile .loading-container button:hover,.instructor-profile .error-container button:hover{background:var(--accent-hover)}.instructor-profile .create-profile-page{max-width:750px;margin:40px auto 0;background:var(--bg-card, #fff);border-radius:14px;box-shadow:0 2px 16px #0001;padding:32px 28px 24px;direction:rtl}@media (max-width: 768px){.instructor-profile .create-profile-page{padding:18px 6px}}.instructor-profile .create-profile-page h1{text-align:center;margin-bottom:2.2rem;color:var(--accent, #007bff);font-size:2.1rem;font-weight:700;letter-spacing:.5px}.instructor-profile .create-profile-form{display:flex;flex-direction:column;gap:32px}.instructor-profile .info-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px}@media (max-width: 480px){.instructor-profile .info-grid{grid-template-columns:1fr}}.instructor-profile .info-item{display:flex;flex-direction:column;gap:8px;position:relative}.instructor-profile .info-item label{font-weight:500;color:var(--accent, #007bff);margin-bottom:4px;font-size:1.05rem}.instructor-profile .info-item input[type=text],.instructor-profile .info-item input[type=number],.instructor-profile .info-item input[type=file],.instructor-profile .info-item textarea,.instructor-profile .info-item select{padding:8px 10px;border:1px solid #d0d7de;border-radius:6px;font-size:1rem;background:var(--bg-input, #fafbfc);transition:border .2s}@media (max-width: 480px){.instructor-profile .info-item input[type=text],.instructor-profile .info-item input[type=number],.instructor-profile .info-item input[type=file],.instructor-profile .info-item textarea,.instructor-profile .info-item select{padding:12px 10px;margin-bottom:8px}}.instructor-profile .info-item input[type=file]{padding:4px 0;background:none}.instructor-profile .info-item input:focus,.instructor-profile .info-item textarea:focus,.instructor-profile .info-item select:focus{border-color:var(--accent, #007bff);outline:none}.instructor-profile .info-item textarea{min-height:60px;resize:vertical}.instructor-profile .info-item button{margin:0 auto;padding:12px 36px;background:var(--accent, #007bff);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .2s;box-shadow:0 2px 8px #007bff22}@media (max-width: 480px){.instructor-profile .info-item button{padding:.5rem 1rem;font-size:14px}}.instructor-profile .info-item.save-btn:disabled{background:#b3c6e0;cursor:not-allowed}.instructor-profile .mentor-suggestions{background:#fff;border:1px solid #d0d7de;border-radius:8px;margin:0;padding:0;list-style:none;max-height:180px;overflow-y:auto;position:absolute;z-index:20;width:100%;top:60px;box-shadow:0 4px 16px #0002;right:0;left:0}.instructor-profile .mentor-suggestions li{padding:10px 16px;cursor:pointer;transition:background .15s,color .15s;font-size:1rem;color:#222;display:flex;align-items:center;gap:8px}.instructor-profile .mentor-suggestions li:hover,.instructor-profile .mentor-suggestions li:focus{background:#eaf6ff;color:var(--accent, #007bff)}.instructor-profile .selected-mentors{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.instructor-profile .mentor-tag{background:#eaf6ff;color:#007bff;border-radius:16px;padding:4px 12px 4px 8px;font-size:.97rem;display:flex;align-items:center;box-shadow:0 1px 4px #007bff11;border:1px solid #b3d8ff}.instructor-profile .mentor-tag button{margin-right:6px;background:none;border:none;color:#c00;font-size:1.1em;cursor:pointer;padding:0 2px;transition:color .15s}.instructor-profile .mentor-tag button:hover{color:#fff;background:#c00;border-radius:50%}.instructor-profile .category-suggestions{background:#fff;border:1px solid #d0d7de;border-radius:8px;margin:0;padding:0;list-style:none;max-height:180px;overflow-y:auto;position:absolute;z-index:30;width:100%;top:100%;right:0;left:0;box-shadow:0 4px 16px #0002}.instructor-profile .category-suggestions li{padding:10px 16px;cursor:pointer;transition:background .15s,color .15s;font-size:1rem;color:#222;display:flex;align-items:center;gap:8px}.instructor-profile .category-suggestions li:hover,.instructor-profile .category-suggestions li:focus{background:#f7faff;color:var(--accent, #007bff)}.instructor-profile .instructor-profile{max-width:900px;margin:2rem auto;padding:2rem}@media (max-width: 768px){.instructor-profile .instructor-profile{margin:1rem;padding:1rem}}@media (max-width: 480px){.instructor-profile .instructor-profile{margin:.5rem;padding:.5rem}}.instructor-profile .instructor-profile .profile-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}@media (max-width: 768px){.instructor-profile .instructor-profile .profile-content{flex-direction:column;gap:1rem;text-align:center}}.instructor-profile .instructor-profile .info-section{background:var(--bg-secondary);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000000d}.instructor-profile .instructor-profile .info-section .section-title{margin-bottom:1.5rem;font-size:1.25rem;color:var(--text-primary)}@media (max-width: 768px){.instructor-profile .profile-header .header-content{flex-direction:column;gap:1rem;text-align:center}}@media (max-width: 768px){.instructor-profile .profile-header .header-content .profile-info{flex-direction:column;align-items:center}}@media (max-width: 768px){.instructor-profile .profile-header .header-content .profile-info .text-content{align-items:center}}.instructor-profile .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media (max-width: 1024px){.instructor-profile .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.instructor-profile .stats-grid{grid-template-columns:1fr}}.instructor-profile .stats-grid .stat-card{width:100%;min-width:unset}.instructor-profile .profile-content .personal-info .info-grid,.instructor-profile .profile-content .personal-info .info-content,.instructor-profile .profile-content .professional-info .info-grid,.instructor-profile .profile-content .professional-info .info-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}@media (max-width: 480px){.instructor-profile .profile-content .personal-info .info-grid,.instructor-profile .profile-content .personal-info .info-content,.instructor-profile .profile-content .professional-info .info-grid,.instructor-profile .profile-content .professional-info .info-content{grid-template-columns:1fr}}.instructor-profile .profile-content .personal-info .info-item,.instructor-profile .profile-content .professional-info .info-item{flex:unset;min-width:unset}.instructor-profile .profile-content .personal-info .info-item input,.instructor-profile .profile-content .personal-info .info-item textarea,.instructor-profile .profile-content .professional-info .info-item input,.instructor-profile .profile-content .professional-info .info-item textarea{width:100%}@media (max-width: 480px){.instructor-profile .profile-content .personal-info .info-item input,.instructor-profile .profile-content .personal-info .info-item textarea,.instructor-profile .profile-content .professional-info .info-item input,.instructor-profile .profile-content .professional-info .info-item textarea{font-size:16px}}.instructor-profile .courses-section .courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}@media (max-width: 480px){.instructor-profile .courses-section .courses-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.instructor-profile .courses-section .course-card{width:100%;min-height:210px}@media (max-width: 480px){.instructor-profile .courses-section .course-card{min-height:180px;padding:14px 10px}}.instructor-profile .modal-content{width:90%;max-width:600px;margin:2rem auto}@media (max-width: 480px){.instructor-profile .modal-content{width:95%;margin:1rem;max-height:90vh;overflow-y:auto}}@media (max-width: 480px){.instructor-profile .avatar-container,.instructor-profile .course-card,.instructor-profile button{cursor:default}.instructor-profile .avatar-container:active,.instructor-profile .course-card:active,.instructor-profile button:active{transform:scale(.98)}.instructor-profile .avatar-overlay{opacity:1;background:#0000004d}}@media (max-width: 480px){.instructor-profile .info-item input,.instructor-profile .info-item textarea,.instructor-profile .info-item select{padding:12px 10px;margin-bottom:8px}}@media (max-width: 480px){.instructor-profile html{font-size:14px}}.instructor-profile .modal-content,.instructor-profile .courses-grid{-webkit-overflow-scrolling:touch}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px;width:100%}.loading-container.light{background:#fff}.loading-container.dark{background:#1a1a1a}.retry-button{margin-top:1rem;padding:.5rem 1rem;border-radius:4px;border:none;background:#007bff;color:#fff;cursor:pointer}.retry-button:hover{background:#0056b3}.error-view{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:2rem;text-align:center}.error-view h3{color:var(--text-primary);margin-bottom:1rem}.error-view p{color:var(--text-secondary);margin-bottom:1.5rem}.error-view button{padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.error-view button:hover{background:var(--primary-hover)}.error-container{padding:20px;margin:20px;border:1px solid #ff0000;border-radius:4px;background-color:#fff5f5;color:#c00}.error-container h2{margin-bottom:10px;font-size:1.2em}.error-container pre{white-space:pre-wrap;word-wrap:break-word}.skills-container{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem 0;min-height:2.5rem}.skills-container .no-skills{color:var(--text-muted);font-style:italic}.skills-input-container{width:100%}.skills-input-container .skills-textarea{width:100%;min-height:80px;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;resize:vertical;direction:rtl}.skills-input-container .skills-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.skill-tag{background-color:var(--primary-light);color:var(--primary-dark);padding:.25rem .75rem;border-radius:1rem;display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem}.skill-tag .remove-tag{background:none;border:none;padding:0;color:var(--primary-dark);cursor:pointer;display:flex;align-items:center;justify-content:center}.skill-tag .remove-tag:hover{color:var(--danger-color)}.profile-header .profile-actions{display:flex;justify-content:flex-end;align-items:center;gap:1rem;padding:1rem}.profile-header .profile-actions .edit-profile-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease}.profile-header .profile-actions .edit-profile-button:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.profile-header .profile-actions .edit-profile-button:active{transform:translateY(0)}.profile-header .profile-actions .edit-profile-button svg{stroke-width:2}.profile-actions{display:none}@keyframes spin{to{transform:rotate(360deg)}}[data-theme=dark] .landing-bg,[data-theme=dark] .hero-section{background:linear-gradient(135deg,#1a1f2c,#111827)}[data-theme=dark] .hero-section .hero-title{color:#e5e7eb}[data-theme=dark] .hero-section .hero-desc{color:#9ca3af}[data-theme=dark] .features-section{background:#111827}[data-theme=dark] .features-section .feature-card{background:#1f2937;box-shadow:0 4px 24px #0cb88f26}[data-theme=dark] .features-section .feature-card:hover{box-shadow:0 8px 32px #0cb88f40}[data-theme=dark] .features-section .feature-card .feature-title{color:#e5e7eb}[data-theme=dark] .features-section .feature-card .feature-desc{color:#9ca3af}[data-theme=dark] .featured-courses-section{background:#1a1f2c}[data-theme=dark] .featured-courses-section .featured-courses-title{color:#0cb88f}[data-theme=dark] .featured-courses-section .course-card{background:#1f2937;box-shadow:0 4px 24px #0cb88f26}[data-theme=dark] .featured-courses-section .course-card:hover{box-shadow:0 8px 32px #0cb88f40}[data-theme=dark] .featured-courses-section .course-card .course-title{color:#e5e7eb}[data-theme=dark] .featured-courses-section .course-card .course-instructor{color:#9ca3af}[data-theme=dark] .top-trainers-section{background:#111827}[data-theme=dark] .top-trainers-section .top-trainers-title{color:#0cb88f}[data-theme=dark] .top-trainers-section .trainer-card{background:#1f2937;box-shadow:0 4px 24px #0cb88f26}[data-theme=dark] .top-trainers-section .trainer-card:hover{box-shadow:0 8px 32px #0cb88f40}[data-theme=dark] .top-trainers-section .trainer-card .trainer-name{color:#e5e7eb}[data-theme=dark] .top-trainers-section .trainer-card .trainer-specialty{color:#9ca3af}[data-theme=dark] .landing-footer{background:#1f2937f7;border-top:1.5px solid #2d3748;color:#e5e7eb}[data-theme=dark] .featured-courses-loading,[data-theme=dark] .featured-courses-error{color:#0cb88f}[data-theme=dark] .hero-dot{background:#2d3748}[data-theme=dark] .hero-dot.active{background:#0cb88f}.landing-hero{background:linear-gradient(135deg,#e6f7f3,#f8fafc)}.landing-card{border-radius:1.25rem;box-shadow:0 4px 24px #0cb88f21;background:#fff}.landing-footer{border-top:1px solid #e6f7f3}.landing-bg{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#e6f7f3,#f8fafc)}.landing-navbar{position:sticky;top:0;z-index:30;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1.5px solid #e6f7f3;box-shadow:0 2px 8px #0cb88f12}.landing-navbar .navbar-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:1.2rem 2rem}.landing-navbar .logo{display:flex;align-items:center;gap:.5rem}.landing-navbar .logo .logo-circle{width:2.25rem;height:2.25rem;border-radius:50%;background:#0cb88f;box-shadow:0 2px 8px #0cb88f22;display:inline-block}.landing-navbar .logo .logo-text{font-size:2rem;font-weight:800;color:#0cb88f;letter-spacing:1px}.landing-navbar .nav-links{display:flex;align-items:center;gap:1.5rem}.landing-navbar .nav-links .nav-link{color:var(--text-color);text-decoration:none;font-weight:500;transition:color .3s ease}.landing-navbar .nav-links .nav-link:hover{color:var(--primary-color)}.landing-navbar .nav-links .profile-dropdown{position:relative}.landing-navbar .nav-links .profile-dropdown .profile-trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;background:transparent;color:var(--text-color);cursor:pointer;transition:all .3s ease}.landing-navbar .nav-links .profile-dropdown .profile-trigger:hover{color:var(--primary-color)}.landing-navbar .nav-links .profile-dropdown .dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;min-width:200px;background:var(--bg-secondary);border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:.5rem;z-index:1000;border:1px solid var(--border-color)}.landing-navbar .nav-links .profile-dropdown .dropdown-menu .dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;border:none;background:transparent;color:var(--text-color);cursor:pointer;transition:all .3s ease;text-align:right;border-radius:4px}.landing-navbar .nav-links .profile-dropdown .dropdown-menu .dropdown-item:hover{background:var(--bg-hover)}.landing-navbar .nav-links .profile-dropdown .dropdown-menu .dropdown-item.logout{color:var(--error-color);border-top:1px solid var(--border-color);margin-top:.5rem;padding-top:.75rem}.landing-navbar .nav-links .profile-dropdown .dropdown-menu .dropdown-item.logout:hover{background:var(--error-bg)}.landing-navbar .nav-links .dashboard-btn{display:flex;align-items:center;gap:.5rem;background:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;transition:all .3s ease}.landing-navbar .nav-links .dashboard-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.landing-footer{text-align:center;padding:1.2rem 0;color:#6b7280;background:#ffffffe6;border-top:1.5px solid #e6f7f3;box-shadow:0 -2px 8px #0cb88f12}.landing-footer .footer-brand{color:#0cb88f;font-weight:700}.hero-section{flex-direction:column;padding:3rem 1rem;text-align:center;width:100%;box-sizing:border-box;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e6f7f3,#f8fafc)}.hero-section{padding:3rem 0 2rem}.hero-section .hero-carousel{width:100%;max-width:1200px;margin:0 auto;min-height:320px}.hero-section .hero-carousel .hero-slide{display:flex;align-items:center;justify-content:space-between;gap:2.5rem;padding:2rem 3rem;background:#fff;border-radius:1.5rem;box-shadow:0 4px 24px #0cb88f17;margin-bottom:1.5rem}@media (max-width: 900px){.hero-section .hero-carousel .hero-slide{flex-direction:column-reverse;padding:1.5rem 1rem;gap:1.5rem}}@media (max-width: 600px){.hero-section .hero-carousel .hero-slide{padding:1rem .5rem;border-radius:.7rem}}.hero-section .hero-carousel .hero-slide-content{flex:1.2;min-width:0}.hero-section .hero-carousel .hero-slide-content .hero-title{font-size:2.2rem;margin-bottom:1rem}@media (max-width: 600px){.hero-section .hero-carousel .hero-slide-content .hero-title{font-size:1.3rem}}.hero-section .hero-carousel .hero-slide-content .hero-desc{font-size:1.15rem;margin-bottom:1.5rem}@media (max-width: 600px){.hero-section .hero-carousel .hero-slide-content .hero-desc{font-size:1rem}}.hero-section .hero-carousel .hero-slide-content .hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.hero-section .hero-carousel .hero-slide-content .hero-actions .hero-btn{font-size:1rem;padding:.7rem 1.3rem;border-radius:.7rem}@media (max-width: 600px){.hero-section .hero-carousel .hero-slide-content .hero-actions .hero-btn{font-size:.95rem;padding:.5rem 1rem}}.hero-section .hero-carousel .hero-slide-lottie{flex:1;min-width:0;display:flex;align-items:center;justify-content:center}@media (max-width: 900px){.hero-section .hero-carousel .hero-slide-lottie{width:100%}}.hero-section .hero-carousel .hero-slide-lottie .lottie{width:320px;height:320px}@media (max-width: 900px){.hero-section .hero-carousel .hero-slide-lottie .lottie{width:220px;height:220px}}@media (max-width: 600px){.hero-section .hero-carousel .hero-slide-lottie .lottie{width:140px;height:140px}}.hero-section .hero-carousel .hero-dots{display:flex;justify-content:center;gap:.5rem;margin-bottom:.5rem}.hero-section .hero-carousel .hero-dots .hero-dot{width:12px;height:12px;border-radius:50%;background:#e0e0e0;border:none;cursor:pointer}.hero-section .hero-carousel .hero-dots .hero-dot.active{background:#0cb88f}.features-section{padding:2.5rem 0 2rem;background:#f8fafc}.features-section .features-container{display:flex;gap:2rem;justify-content:center;max-width:1100px;margin:0 auto}@media (max-width: 900px){.features-section .features-container{flex-direction:column;gap:1.5rem;align-items:center}}.features-section .feature-card{background:#fff;border-radius:1.2rem;box-shadow:0 2px 12px #0cb88f14;padding:2rem 1.5rem;text-align:center;min-width:220px;max-width:330px;flex:1}.features-section .feature-card .feature-icon{width:48px;height:48px;color:#0cb88f;margin-bottom:1rem}.features-section .feature-card .feature-title{font-size:1.25rem;margin-bottom:.7rem;font-weight:700}.features-section .feature-card .feature-desc{font-size:1.05rem;color:#444}@media (max-width: 600px){.features-section .feature-card{padding:1.2rem .7rem;min-width:0;max-width:100%}}.featured-courses-section{padding:2.5rem 1rem 3rem;max-width:1200px;margin:0 auto;margin-top:4rem}.featured-courses-section .featured-courses-title{font-size:2.1rem;font-weight:900;color:var(--primary-color);margin-bottom:2.2rem;text-align:center;letter-spacing:-1px}.featured-courses-section .featured-courses-loading,.featured-courses-section .featured-courses-error,.featured-courses-section .featured-courses-empty{text-align:center;margin-bottom:1.5rem;color:#eab308;font-weight:700;font-size:1.1rem}.featured-courses-section .featured-courses-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:32px}.featured-courses-section .course-card{background:#fff;border-radius:16px;box-shadow:0 2px 16px #0001;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .18s,transform .18s;cursor:pointer;border:1px solid #f3f4f6;min-height:340px}.featured-courses-section .course-card:hover{box-shadow:0 6px 32px #0002;transform:translateY(-6px) scale(1.025);border-color:#e0e7ff}.featured-courses-section .course-card .course-img-wrapper{width:100%;aspect-ratio:16/9;background:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden}.featured-courses-section .course-card .course-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.featured-courses-section .course-card .course-info{padding:1.1rem 1.3rem 1.3rem;display:flex;flex-direction:column;gap:.5rem}.featured-courses-section .course-card .course-info .course-title{font-size:1.13rem;font-weight:800;color:var(--primary-color);margin-bottom:.2rem;min-height:2.2em;line-height:1.3}.featured-courses-section .course-card .course-info .course-description{color:#666;font-size:.98rem;margin-bottom:.2rem;min-height:2.1em}.featured-courses-section .course-card .course-info .course-meta{display:flex;gap:12px;align-items:center;margin-top:.3rem}.featured-courses-section .course-card .course-info .course-meta .course-meta-item{color:#888;font-size:.97rem;display:flex;align-items:center;gap:2px}.top-trainers-section{padding:2.5rem 0 2rem}.top-trainers-section .top-trainers-title{text-align:center;font-size:2rem;margin-bottom:2rem}.top-trainers-section .top-trainers-list{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}@media (max-width: 900px){.top-trainers-section .top-trainers-list{gap:1rem}}.top-trainers-section .trainer-card{background:#fff;border-radius:1.2rem;box-shadow:0 2px 12px #0cb88f14;padding:1.2rem 1rem;width:220px;display:flex;flex-direction:column;align-items:center}.top-trainers-section .trainer-card .trainer-img{width:90px;height:90px;border-radius:50%;object-fit:cover;margin-bottom:1rem;border:2px solid #0cb88f;background:#f8fafc}.top-trainers-section .trainer-card .trainer-info{width:100%}.top-trainers-section .trainer-card .trainer-info .trainer-name{font-size:1.08rem;font-weight:700;margin-bottom:.4rem;text-align:center}.top-trainers-section .trainer-card .trainer-info .trainer-specialty{font-size:.97rem;color:#0cb88f;text-align:center}@media (max-width: 600px){.top-trainers-section .trainer-card{width:95vw;max-width:340px;padding:.7rem .3rem}}.landing-navbar{width:100%;background:#fff;box-shadow:0 2px 12px #0cb88f14;padding:.7rem 0;position:sticky;top:0;z-index:100}.landing-navbar .navbar-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:0 2rem}@media (max-width: 900px){.landing-navbar .navbar-inner{padding:0 1rem}}@media (max-width: 600px){.landing-navbar .navbar-inner{flex-direction:column;gap:.7rem;padding:0 .3rem}}.landing-navbar .navbar-inner .logo{display:flex;align-items:center;gap:.5rem}.landing-navbar .navbar-inner .logo .logo-img{width:38px;height:48px}.landing-navbar .navbar-inner .logo .logo-text{font-size:1.3rem;font-weight:700;color:#0cb88f}.landing-navbar .navbar-inner .nav-links{display:flex;align-items:center;gap:1.5rem}.landing-navbar .navbar-inner .nav-links .nav-link{color:var(--text-color);text-decoration:none;font-weight:500;transition:color .3s ease}.landing-navbar .navbar-inner .nav-links .nav-link:hover{color:var(--primary-color)}.landing-navbar .navbar-inner .nav-links .profile-dropdown{position:relative}.landing-navbar .navbar-inner .nav-links .profile-dropdown .profile-trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;background:transparent;color:var(--text-color);cursor:pointer;transition:all .3s ease}.landing-navbar .navbar-inner .nav-links .profile-dropdown .profile-trigger:hover{color:var(--primary-color)}.landing-navbar .navbar-inner .nav-links .profile-dropdown .dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;min-width:200px;background:var(--bg-secondary);border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:.5rem;z-index:1000;border:1px solid var(--border-color)}.landing-navbar .navbar-inner .nav-links .profile-dropdown .dropdown-menu .dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;border:none;background:transparent;color:var(--text-color);cursor:pointer;transition:all .3s ease;text-align:right;border-radius:4px}.landing-navbar .navbar-inner .nav-links .profile-dropdown .dropdown-menu .dropdown-item:hover{background:var(--bg-hover)}.landing-navbar .navbar-inner .nav-links .profile-dropdown .dropdown-menu .dropdown-item.logout{color:var(--error-color);border-top:1px solid var(--border-color);margin-top:.5rem;padding-top:.75rem}.landing-navbar .navbar-inner .nav-links .profile-dropdown .dropdown-menu .dropdown-item.logout:hover{background:var(--error-bg)}.landing-navbar .navbar-inner .nav-links .dashboard-btn{display:flex;align-items:center;gap:.5rem;background:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;transition:all .3s ease}.landing-navbar .navbar-inner .nav-links .dashboard-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.landing-footer{width:100%;background:#f8fafc;color:#222b45;text-align:center;padding:1.2rem 0 1rem;font-size:1rem}.landing-footer .footer-brand{color:#0cb88f;font-weight:700;margin-left:.3rem}.hero-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;color:#222b45}.hero-desc{font-size:1.25rem;color:#4b5563;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.hero-btn{font-weight:700;font-size:1.1rem;padding:.9rem 2.2rem;border-radius:10px;box-shadow:0 2px 8px #0cb88f22;transition:background .2s,color .2s,border .2s;text-decoration:none;display:inline-block}.hero-btn-main{background:#0cb88f;color:#fff;border:none}.hero-btn-main:hover{background:#099e7d}.hero-btn-outline{background:#fff;color:#0cb88f;border:2px solid #0cb88f}.hero-btn-outline:hover{background:#e6f7f3;color:#099e7d;border-color:#099e7d}.features-container{width:100%;max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center;justify-items:center}@media (min-width: 768px){.features-container{grid-template-columns:repeat(3,1fr)}}.feature-card{background:#f8fafc;border-radius:1.25rem;box-shadow:0 4px 24px #0cb88f17;padding:2.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:box-shadow .2s,transform .2s}.feature-card:hover{box-shadow:0 8px 32px #0cb88f2e;transform:translateY(-6px) scale(1.03)}.feature-icon{width:2.5rem;height:2.5rem;color:#0cb88f;margin-bottom:1.2rem}.feature-title{margin:.7rem 0 .5rem;font-size:1.25rem;font-weight:700;color:#222b45}.feature-desc{color:#4b5563;font-size:1.08rem}.cta-title{color:#fff;font-size:2rem;font-weight:800;margin-bottom:1.5rem;text-align:center}.cta-btn{background:#fff;color:#0cb88f;padding:.9rem 2.5rem;border-radius:10px;font-weight:700;font-size:1.15rem;box-shadow:0 2px 8px #0cb88f22;text-decoration:none;transition:background .2s,color .2s}.cta-btn:hover{background:#e6f7f3;color:#099e7d}.logo-img{display:inline-block;vertical-align:middle}.top-trainers-section{background:#fff;padding:4rem 1rem;min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.top-trainers-title{font-size:2rem;font-weight:800;color:#0cb88f;margin-bottom:2.5rem;text-align:center}.top-trainers-list{display:flex;gap:2.5rem;flex-wrap:wrap;justify-content:center}.trainer-card{background:#f8fafc;border-radius:1.25rem;box-shadow:0 4px 24px #0cb88f17;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;width:220px;transition:box-shadow .2s,transform .2s}.trainer-card:hover{box-shadow:0 8px 32px #0cb88f2e;transform:translateY(-6px) scale(1.03)}.trainer-img{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:1rem;border:3px solid #0cb88f}.trainer-info{text-align:center}.trainer-name{font-weight:700;font-size:1.15rem;color:#222b45;margin-bottom:.3rem}.trainer-specialty{color:#4b5563;font-size:1rem}.featured-courses-section{background:#f8fafc;padding:4rem 1rem;min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.featured-courses-title{font-size:2rem;font-weight:800;color:#0cb88f;margin-bottom:2.5rem;text-align:center}.featured-courses-list{display:flex;gap:2.5rem;flex-wrap:wrap;justify-content:center}.featured-courses-loading,.featured-courses-error{color:#0cb88f;font-weight:700;margin:2rem 0}.hero-carousel{width:100%;max-width:1100px;margin:0 auto;position:relative}.hero-slide{display:flex;align-items:center;justify-content:center;gap:2.5rem;animation:fadeIn .7s;min-height:60vh;transition:opacity .5s,transform .5s}@media (max-width: 900px){.hero-slide{flex-direction:column-reverse;gap:1.5rem}}.hero-slide-content{flex:1;text-align:right;padding:1rem 0}.hero-slide-lottie{flex:1;display:flex;align-items:center;justify-content:center;min-width:260px}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-size:2.2rem;font-weight:800;margin-bottom:1rem;color:#222b45}.hero-desc{font-size:1.25rem;color:#4b5563;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:0}.hero-actions{display:flex;gap:1.5rem;justify-content:flex-start;flex-wrap:wrap}.hero-dots{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.hero-dot{width:3px;height:3px;border-radius:100%;border:none;background:#e6f7f3;cursor:pointer;transition:background .2s,transform .2s;outline:none}.hero-dot.active{background:#0cb88f}.hero-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);min-height:calc(100vh - 64px);transition:all .3s ease}.hero-section .hero-slide{background:#fff;transition:all .3s ease}.hero-section .hero-title{color:#0f172a;transition:color .3s ease}.hero-section .hero-desc{color:#475569;transition:color .3s ease}[data-theme=dark] .landing-navbar{background:#111827f2;border-bottom:1px solid #2d3748}[data-theme=dark] .landing-navbar .logo-text{color:#fff}[data-theme=dark] .landing-navbar .nav-link{color:#e5e7eb}[data-theme=dark] .landing-navbar .nav-link:hover{color:#0cb88f}[data-theme=dark] .landing-navbar .nav-btn.login-link{color:#e5e7eb;border:1px solid #0cb88f}[data-theme=dark] .landing-navbar .nav-btn.login-link:hover,[data-theme=dark] .landing-navbar .nav-btn.register-link{background:#0cb88f;color:#1a1f2c}[data-theme=dark] .landing-navbar .user-name{color:#e5e7eb}[data-theme=dark] .hero-section{background:linear-gradient(135deg,#0f172a,#1e293b)}[data-theme=dark] .hero-section .hero-slide{background:#1e293b;box-shadow:0 4px 24px #0cb88f26}[data-theme=dark] .hero-section .hero-title{color:#fff}[data-theme=dark] .hero-section .hero-desc{color:#e2e8f0}[data-theme=dark] .hero-section .hero-btn.hero-btn-main{background:#0cb88f;color:#fff}[data-theme=dark] .hero-section .hero-btn.hero-btn-outline{border:2px solid #0cb88f;color:#0cb88f}[data-theme=dark] .hero-section .hero-btn.hero-btn-outline:hover{background:#0cb88f;color:#fff}[data-theme=dark] .hero-section .hero-dot{background:#fff3}[data-theme=dark] .hero-section .hero-dot.active{background:#0cb88f}.featured-courses-empty{text-align:center;color:#888;font-size:1.1rem;padding:2rem 0;font-weight:600}@media (max-width: 900px){.landing-navbar .navbar-inner,.features-section .features-container,.featured-courses-section .featured-courses-list,.top-trainers-section .top-trainers-list{max-width:100vw}}@media (max-width: 600px){.hero-section,.features-section,.featured-courses-section,.top-trainers-section{padding:1.2rem 0 1rem}.landing-footer{font-size:.95rem;padding:.7rem 0}}.dashboard-btn:hover{background:var(--primary-hover)!important;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.dashboard-btn:active{transform:translateY(0)}.chat-container{display:flex;height:100vh;background-color:var(--bg-color)}.sidebar{width:320px;border-left:1px solid var(--border);background-color:var(--card-bg);transition:width .3s ease;overflow:hidden;position:relative}.sidebar.closed{width:0}.sidebar .sidebar-toggle{position:absolute;left:-.75rem;top:1rem;padding:.375rem;background-color:var(--card-bg);border:1px solid var(--border);border-radius:50%;transition:background-color .3s ease;box-shadow:0 4px 6px #0000001a}.sidebar .sidebar-toggle:hover{background-color:var(--hover)}.sidebar .sidebar-toggle .icon{width:1rem;height:1rem;color:var(--text)}.sidebar .sidebar-toggle .tooltip{position:absolute;top:-2rem;left:50%;transform:translate(-50%);padding:.25rem .5rem;background-color:var(--card-bg);border:1px solid var(--border);border-radius:.25rem;font-size:.75rem;color:var(--text);white-space:nowrap;opacity:0;transition:opacity .3s ease}.sidebar-toggle:hover .sidebar .sidebar-toggle .tooltip{opacity:1}.sidebar .sidebar-content{display:flex;flex-direction:column;height:100%;min-width:320px;opacity:1;transition:opacity .3s ease}.sidebar .sidebar-content .header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border)}.sidebar .sidebar-content .header .logo-container{display:flex;align-items:center;gap:.75rem}.sidebar .sidebar-content .header .logo-container .logo{width:2rem;height:2rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;background-color:var(--primary-color)}.sidebar .sidebar-content .header .logo-container .logo .logo-icon{width:1.5rem;height:1.5rem}.sidebar .sidebar-content .header .logo-container .title{font-size:1.25rem;font-weight:700;color:var(--text)}.sidebar .sidebar-content .header .theme-toggle{padding:.5rem;border-radius:.5rem;transition:background-color .3s ease}.sidebar .sidebar-content .header .theme-toggle:hover{background-color:var(--hover)}.sidebar .sidebar-content .header .theme-toggle .icon{width:1.25rem;height:1.25rem}.sidebar .sidebar-content .header .theme-toggle .icon.sun{color:#fbbf24}.sidebar .sidebar-content .header .theme-toggle .icon.moon{color:var(--text-secondary)}.sidebar .sidebar-content .new-chat{padding:1rem}.sidebar .sidebar-content .new-chat .new-chat-button{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:var(--primary-color);color:#fff;border-radius:.5rem;transition:background-color .3s ease}.sidebar .sidebar-content .new-chat .new-chat-button:hover{background-color:var(--primary-color-hover)}.sidebar .sidebar-content .new-chat .new-chat-button .icon{width:1.25rem;height:1.25rem;color:#fff}.sidebar .sidebar-content .chat-history{flex:1;overflow-y:auto;padding:0 1rem}.sidebar .sidebar-content .chat-history .chat-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}.sidebar .sidebar-content .chat-history .chat-item:not(.active):hover{background-color:var(--hover)}.sidebar .sidebar-content .chat-history .chat-item.active{background-color:var(--primary-color-light);border:1px solid var(--primary-color-border)}.sidebar .sidebar-content .chat-history .chat-item .icon{width:1rem;height:1rem;color:var(--text)}.active .sidebar .sidebar-content .chat-history .chat-item .icon{color:var(--primary-color)}.sidebar .sidebar-content .chat-history .chat-item .chat-info{flex:1;min-width:0}.sidebar .sidebar-content .chat-history .chat-item .chat-info .chat-title{font-size:.875rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .sidebar-content .chat-history .chat-item .chat-info .chat-messages{font-size:.75rem;color:var(--text-secondary)}.sidebar .sidebar-content .chat-history .chat-item .chat-info .chat-title-input{width:100%;padding:.25rem;font-size:.875rem;border:1px solid var(--border);border-radius:.25rem;background-color:var(--input-bg);color:var(--text)}.sidebar .sidebar-content .chat-history .chat-item .chat-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .3s ease}.chat-item:hover .sidebar .sidebar-content .chat-history .chat-item .chat-actions{opacity:1}.sidebar .sidebar-content .chat-history .chat-item .chat-actions .action-button{padding:.25rem;border-radius:.25rem;transition:background-color .3s ease}.sidebar .sidebar-content .chat-history .chat-item .chat-actions .action-button:hover{background-color:var(--hover)}.sidebar .sidebar-content .chat-history .chat-item .chat-actions .action-button .icon{width:.75rem;height:.75rem;color:var(--text)}.sidebar .sidebar-content .user-section{padding:1rem;border-top:1px solid var(--border)}.sidebar .sidebar-content .user-section .user-info{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}.sidebar .sidebar-content .user-section .user-info:hover{background-color:var(--hover)}.sidebar .sidebar-content .user-section .user-info .avatar{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--primary-color)}.sidebar .sidebar-content .user-section .user-info .avatar .icon{width:1rem;height:1rem;color:#fff}.sidebar .sidebar-content .user-section .user-info .user-details{flex:1}.sidebar .sidebar-content .user-section .user-info .user-details .user-name{font-size:.875rem;font-weight:500;color:var(--text)}.sidebar .sidebar-content .user-section .user-info .user-details .user-account{font-size:.75rem;color:var(--text-secondary)}.sidebar .sidebar-content .user-section .user-info .settings{width:1rem;height:1rem;color:var(--text)}.chat-area{flex:1;display:flex;flex-direction:column}.chat-area .header{background-color:var(--card-bg);border-bottom:1px solid var(--border);padding:1rem;display:flex;align-items:center}.chat-area .header .chat-header{display:flex;align-items:center;gap:.75rem}.chat-area .header .chat-header .menu-button{padding:.5rem;border-radius:.5rem;transition:background-color .3s ease}.chat-area .header .chat-header .menu-button:hover{background-color:var(--hover)}.chat-area .header .chat-header .menu-button .icon{width:1.25rem;height:1.25rem;color:var(--text)}.chat-area .header .chat-header .assistant-info{display:flex;align-items:center;gap:.75rem}.chat-area .header .chat-header .assistant-info .avatar{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--primary-color)}.chat-area .header .chat-header .assistant-info .avatar .icon{width:1rem;height:1rem;color:#fff}.chat-area .header .chat-header .assistant-info .details .assistant-name{font-size:.875rem;font-weight:500;color:var(--text)}.chat-area .header .chat-header .assistant-info .details .assistant-status{font-size:.75rem;color:var(--text-secondary)}.chat-area .messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.chat-area .messages .empty-chat{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.chat-area .messages .empty-chat .avatar{width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--primary-color);margin-bottom:1rem}.chat-area .messages .empty-chat .avatar .icon{width:2rem;height:2rem;color:#fff}.chat-area .messages .empty-chat .welcome-message{font-size:1.25rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.chat-area .messages .empty-chat .welcome-text{color:var(--text-secondary);max-width:28rem}.chat-area .messages .message{display:flex;gap:.75rem}.chat-area .messages .message.user{flex-direction:row-reverse}.chat-area .messages .message .avatar{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--primary-color)}.chat-area .messages .message .avatar.user{background-color:#3b82f6}.chat-area .messages .message .avatar .icon{width:1rem;height:1rem;color:#fff}.chat-area .messages .message .content-container{max-width:48rem}.chat-area .messages .message .content-container .content{padding:1rem;border-radius:1rem;background-color:var(--message-bg);color:var(--text);white-space:pre-wrap;word-break:break-word}.chat-area .messages .message .content-container .content.user{background-color:#3b82f6;color:#fff;margin-left:auto}.chat-area .messages .message .content-container .content.loading{display:flex;gap:.5rem}.chat-area .messages .message .content-container .content.loading .dot{width:.5rem;height:.5rem;border-radius:50%;background-color:var(--primary-color);animation:bounce 1.2s infinite}.chat-area .messages .message .content-container .content.loading .dot:nth-child(2){animation-delay:.1s}.chat-area .messages .message .content-container .content.loading .dot:nth-child(3){animation-delay:.2s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-.25rem)}}.chat-area .messages .message .content-container .timestamp{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem;text-align:right}.chat-area .input-area{background-color:var(--card-bg);border-top:1px solid var(--border);padding:1rem}.chat-area .input-area .input-container{max-width:64rem;margin:0 auto;position:relative;display:flex;align-items:flex-end;gap:.75rem}.chat-area .input-area .input-container textarea{width:100%;padding:1rem 3rem 1rem 1rem;background-color:var(--input-bg);border:1px solid var(--border);border-radius:1rem;resize:none;color:var(--text);min-height:52px;max-height:120px}.chat-area .input-area .input-container textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.chat-area .input-area .input-container .send-button{position:absolute;left:.75rem;bottom:.75rem;padding:.5rem;border-radius:50%;background-color:var(--primary-color);transition:background-color .3s ease}.chat-area .input-area .input-container .send-button:hover{background-color:var(--primary-color-hover)}.chat-area .input-area .input-container .send-button.disabled{background-color:#d1d5db;cursor:not-allowed}.chat-area .input-area .input-container .send-button .icon{width:1rem;height:1rem;color:#fff}.chat-area .input-area .footer{font-size:.75rem;color:var(--text-secondary);text-align:center;margin-top:.5rem}.chatbot-toggle-container{position:fixed;bottom:1.5rem;left:1.5rem;z-index:1000}.chatbot-toggle-container .chatbot-icon{background-color:var(--primary-color);border-radius:50%;padding:.75rem;border:none;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:background-color .3s ease}.chatbot-toggle-container .chatbot-icon:hover{background-color:var(--primary-color-hover)}.chatbot-toggle-container .chatbot-icon .icon{width:1.5rem;height:1.5rem;color:#fff}.chatbot-toggle-container .chatbot-window{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:70vw;height:80vh;background-color:var(--card-bg);border:1px solid var(--border);border-radius:1rem;box-shadow:0 4px 12px #00000026;overflow:hidden;display:flex;flex-direction:column}.chatbot-toggle-container .chatbot-window .close-chat{position:absolute;top:.5rem;right:.5rem;padding:.5rem;background-color:transparent;border:none;color:var(--text);cursor:pointer;font-size:.875rem}@media (max-width: 768px){.chatbot-window{width:90vw;height:85vh;top:50%;left:50%;transform:translate(-50%,-50%)}}button{background-color:var(--link-color);color:var(--text-color);border:none;border-radius:4px;cursor:pointer}button:hover{background-color:var(--link-hover-color)}.theme-toggle{background:linear-gradient(135deg,#ffcf71,#fd9d52 40%,#fe5858);color:#fffbe7;border:none;border-radius:50%;width:54px;height:54px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px #fe58582e;cursor:pointer;position:relative;overflow:visible;transition:background .5s,box-shadow .3s,transform .2s;outline:none;z-index:1}.theme-toggle:after{content:"";position:absolute;top:50%;left:50%;width:90px;height:90px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fffbe7 0%,#ffcf71 40%,transparent 80%);opacity:.22;filter:blur(2px);z-index:0;pointer-events:none;transition:opacity .4s;animation:sunrise-twinkle 2.5s infinite alternate}@keyframes sunrise-twinkle{0%{opacity:.18;filter:blur(2px) brightness(1)}40%{opacity:.32;filter:blur(8px) brightness(1.2)}60%{opacity:.38;filter:blur(10px) brightness(1.4)}to{opacity:.22;filter:blur(4px) brightness(1)}}.theme-toggle .shooting-star{position:absolute;top:20%;left:10%;width:60px;height:2px;background:linear-gradient(90deg,#fffbe7 0%,#ffcf71 60%,transparent 100%);border-radius:2px;opacity:.7;pointer-events:none;z-index:3;animation:shooting-star-move 2.2s cubic-bezier(.68,-.55,.27,1.55) infinite}@keyframes shooting-star-move{0%{transform:translate(0) scaleX(.2) rotate(-10deg);opacity:0}10%{opacity:1;transform:translate(10px) scaleX(.5) rotate(-10deg)}50%{opacity:1;transform:translate(40px) scaleX(1) rotate(-10deg)}80%{opacity:.7;transform:translate(60px) scaleX(1.2) rotate(-10deg)}to{opacity:0;transform:translate(80px) scaleX(1.4) rotate(-10deg)}}.theme-toggle .theme-icon{transition:transform .7s cubic-bezier(.68,-.55,.27,1.55),color .3s;font-size:1.7rem;z-index:2;color:#fffbe7;filter:drop-shadow(0 0 8px #ffcf71cc);animation:sunrise-bounce-flash 1.5s cubic-bezier(.68,-.55,.27,1.55)}@keyframes sunrise-bounce-flash{0%{transform:scale(.7) translateY(0);color:#fffbe7;filter:blur(2px) brightness(1.2)}20%{transform:scale(1.2) translateY(-10px);color:#fd9d52;filter:blur(0) brightness(1.1)}40%{transform:scale(1) translateY(0);color:#fe5858;filter:blur(0) brightness(1.1)}60%{transform:scale(1.1) translateY(-6px);color:#ffcf71;filter:blur(0) brightness(1.2)}80%{transform:scale(1) translateY(0);color:#fffbe7;filter:blur(0) brightness(1)}to{transform:scale(1) translateY(0);color:#fffbe7;filter:blur(0) brightness(1)}}.theme-toggle:active{transform:scale(.93) rotate(-8deg)}.theme-toggle:focus-visible{box-shadow:0 0 0 4px #fd9d52}.theme-toggle:hover{box-shadow:0 12px 36px #fd9d5244,0 2px 8px #fe585822;background:linear-gradient(135deg,#fffbe7,#ffcf71 30%,#fd9d52 70%,#fe5858)}.theme-toggle:hover:after{opacity:.38;filter:blur(12px) brightness(1.5);animation-duration:1.2s}.theme-toggle:focus-visible:after{animation:sunrise-pulse 1.2s infinite}@keyframes sunrise-pulse{0%{opacity:.22;filter:blur(4px)}50%{opacity:.38;filter:blur(10px)}to{opacity:.22;filter:blur(4px)}}:root{--primary-rgb: 13, 139, 113;--primary-color: rgb(var(--primary-rgb));--primary-hover: #0a7a63;--primary-disabled: rgba(var(--primary-rgb), .6);--secondary-rgb: 66, 153, 225;--secondary-color: rgb(var(--secondary-rgb));--secondary-hover: #2b6cb0;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--border-color: #e2e8f0;--border-focus: rgba(var(--primary-rgb), .2);--text-primary: #1a202c;--text-secondary: #4a5568;--text-tertiary: #718096;--success-rgb: 34, 197, 94;--success: #43a047;--success-light: rgba(var(--success-rgb), .1);--error-rgb: 239, 68, 68;--error: rgb(var(--error-rgb));--error-light: rgba(var(--error-rgb), .1);--warning: #ff9800;--info: #1976d2;--accent: #e0f2f1;--shadow-color: rgba(0, 0, 0, .1);--shadow-color-darker: rgba(0, 0, 0, .25);--card-gradient: linear-gradient(135deg, #e0f2f1 0%, #f8fafc 100%);--card-border: #e0f2f1;--link-color: #0c9f80;--link-hover-color: #0a8c70;--transition: all .3s ease}[data-theme=dark]{--bg-primary: #1a202c;--bg-secondary: #2d3748;--bg-tertiary: #374151;--border-color: #4a5568;--border-focus: rgba(var(--primary-rgb), .3);--text-primary: #f7fafc;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e0;--success: #66bb6a;--warning: #ffb300;--info: #90caf9;--accent: #263238;--shadow-color: rgba(0, 0, 0, .3);--shadow-color-darker: rgba(0, 0, 0, .5);--card-gradient: linear-gradient(135deg, #263238 0%, #2d3748 100%);--card-border: #263238}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Cairo,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;transition:var(--transition)}a{color:var(--link-color);transition:var(--transition)}a:hover{color:var(--link-hover-color)}button,input,select,textarea{transition:var(--transition)}body *{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.course-display{min-height:100vh;background:var(--bg-primary)}.course-display .immersive-hero{position:relative;min-height:85vh;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);overflow:hidden}.course-display .immersive-hero .hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.2) 0%,transparent 8%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.2) 0%,transparent 8%);animation:floatParticles 20s infinite linear}.course-display .immersive-hero .hero-container{max-width:1400px;margin:0 auto;padding:6rem 2rem;display:grid;grid-template-columns:1fr 550px;gap:4rem;position:relative;z-index:1}.course-display .immersive-hero .hero-container .hero-content{color:var(--text-primary)}.course-display .immersive-hero .hero-container .hero-content .hero-title span{color:var(--primary-color)}.course-display .immersive-hero .hero-container .hero-content .hero-title{color:var(--text-primary)}.course-display .immersive-hero .hero-container .hero-content .hero-description{color:var(--text-secondary)}.course-display .immersive-hero .hero-container .hero-content .stats-showcase .stat-card .stat-info .stat-value{color:var(--primary-color)}.course-display .immersive-hero .hero-container .hero-content .stats-showcase .stat-card .stat-info .stat-label{color:var(--text-tertiary)}.course-display .immersive-hero .hero-container .hero-content .badge-wrapper .tech-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;border:1px solid rgba(255,255,255,.2);margin-bottom:2rem}.course-display .immersive-hero .hero-container .hero-content .badge-wrapper .tech-badge .badge-icon{color:gold;filter:drop-shadow(0 0 8px rgba(255,215,0,.5))}.course-display .immersive-hero .hero-container .hero-content .badge-wrapper .tech-badge .badge-glow{position:absolute;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}.course-display .immersive-hero .hero-container .hero-content .hero-title{font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;margin-bottom:1.5rem}.course-display .immersive-hero .hero-container .hero-content .hero-title span{display:inline-block;background:linear-gradient(to right,#fff,#fffc);-webkit-background-clip:text;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.course-display .immersive-hero .hero-container .hero-content .hero-description{font-size:1.125rem;line-height:1.6;opacity:.9;max-width:600px;margin-bottom:3rem}.course-display .immersive-hero .hero-container .hero-content .stats-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem;margin-bottom:3rem}.course-display .immersive-hero .hero-container .hero-content .stats-showcase .stat-card{position:relative;padding:1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.2);transition:transform .3s ease}.course-display .immersive-hero .hero-container .hero-content .stats-showcase .stat-card:hover{transform:translateY(-5px)}.course-display .immersive-hero .hero-container .hero-content .stats-showcase .stat-card:hover .stat-glow{opacity:1}.course-display .immersive-hero .hero-container .hero-content .stats-showcase .stat-card .stat-icon{color:var(--stat-color);font-size:1.75rem;margin-bottom:1rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.course-display .immersive-hero .hero-container .hero-content .stats-showcase .stat-card .stat-info .stat-value{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.course-display .immersive-hero .hero-container .hero-content .stats-showcase .stat-card .stat-info .stat-label{font-size:.875rem;opacity:.9}.course-display .immersive-hero .hero-container .hero-content .stats-showcase .stat-card .stat-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,var(--stat-color) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.course-display .immersive-hero .hero-container .hero-content .cta-group{display:flex;gap:1.5rem}.course-display .immersive-hero .hero-container .hero-content .cta-group .primary-cta{padding:1rem 2.5rem;color:var(--primary-color);border-radius:12px;font-weight:600;font-size:1.125rem;position:relative;overflow:hidden;transition:all .3s ease}.course-display .immersive-hero .hero-container .hero-content .cta-group .primary-cta:hover{transform:translateY(-2px);box-shadow:0 4px 20px #fff3}.course-display .immersive-hero .hero-container .hero-content .cta-group .primary-cta:hover .cta-shine{transform:translate(100%)}.course-display .immersive-hero .hero-container .hero-content .cta-group .primary-cta .cta-shine{position:absolute;top:0;left:-60%;width:60%;height:100%;background:linear-gradient(120deg,#fff0,#ffffff59,#fff0);filter:blur(2px);pointer-events:none;transition:transform .7s cubic-bezier(.4,.7,.4,1);transform:skew(-20deg) translate(0);z-index:2}.course-display .immersive-hero .hero-container .hero-content .cta-group .primary-cta:hover .cta-shine{transform:skew(-20deg) translate(250%);transition:transform .7s cubic-bezier(.4,.7,.4,1)}.course-display .immersive-hero .hero-container .hero-content .cta-group .secondary-cta{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.course-display .immersive-hero .hero-container .hero-content .cta-group .secondary-cta:hover{background:#fff3;transform:translateY(-2px)}.course-display .immersive-hero .hero-container .hero-media .media-card{position:relative}.course-display .immersive-hero .hero-container .hero-media .media-card .thumbnail-wrapper{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 20px 40px #0000004d;transform:perspective(1000px) rotateY(-10deg);transition:transform .6s ease}.course-display .immersive-hero .hero-container .hero-media .media-card .thumbnail-wrapper:hover{transform:perspective(1000px) rotateY(0)}.course-display .immersive-hero .hero-container .hero-media .media-card .thumbnail-wrapper:hover .play-overlay{opacity:1}.course-display .immersive-hero .hero-container .hero-media .media-card .thumbnail-wrapper img{width:100%;height:400px;object-fit:cover}.course-display .immersive-hero .hero-container .hero-media .media-card .thumbnail-wrapper .play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.course-display .immersive-hero .hero-container .hero-media .media-card .thumbnail-wrapper .play-overlay .play-button{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:1.75rem;box-shadow:0 4px 20px #0003}.course-display .immersive-hero .hero-container .hero-media .media-card .media-decorations{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;pointer-events:none;z-index:-1}.course-display .immersive-hero .hero-container .hero-media .media-card .media-decorations .decoration-circle{position:absolute;width:200px;height:200px;border:2px dashed rgba(255,255,255,.2);border-radius:50%;animation:rotate 20s linear infinite}.course-display .immersive-hero .hero-container .hero-media .media-card .media-decorations .decoration-dots{position:absolute;width:100%;height:100%;background-image:radial-gradient(circle,rgba(255,255,255,.1) 2px,transparent 2px);background-size:30px 30px;opacity:.5}.course-display .content-layout{max-width:1200px;margin:-4rem auto 0;padding:0 2rem;position:relative;z-index:2;display:grid;grid-template-columns:1fr 350px;gap:2rem}.course-display .content-layout .main-content{background:var(--bg-secondary);border-radius:20px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.course-display .content-layout .main-content .experience-nav{display:flex;padding:1rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.course-display .content-layout .main-content .experience-nav .nav-pill{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;color:var(--text-secondary);border-radius:8px;transition:all .3s ease}.course-display .content-layout .main-content .experience-nav .nav-pill.active{background:var(--primary-color);color:#fff}.course-display .content-layout .main-content .experience-nav .nav-pill:hover:not(.active){background:var(--bg-hover)}.course-display .content-layout .main-content .content-canvas{padding:2rem}.course-display .content-layout .main-content .content-canvas .overview-grid .achievement-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.course-display .content-layout .main-content .content-canvas .overview-grid .achievement-cards .achievement-card{padding:1.5rem;background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-color);transition:all .3s ease}.course-display .content-layout .main-content .content-canvas .overview-grid .achievement-cards .achievement-card:hover{transform:translateY(-4px);box-shadow:0 4px 20px #0000001a;border-color:var(--primary-color)}.course-display .content-layout .main-content .content-canvas .overview-grid .achievement-cards .achievement-card:hover .trophy{transform:rotate(15deg)}.course-display .content-layout .main-content .content-canvas .overview-grid .achievement-cards .achievement-card .trophy{color:gold;font-size:1.5rem;margin-bottom:1rem;transition:transform .3s ease}.course-display .content-layout .main-content .content-canvas .overview-grid .achievement-cards .achievement-card p{color:var(--text-primary);line-height:1.5}.course-display .content-layout .course-sidebar .enrollment-pod{position:sticky;top:2rem;background:var(--bg-secondary);border-radius:20px;padding:2rem;box-shadow:0 4px 20px #0000001a}.course-display .sections-list{margin-top:2rem}.course-display .sections-list .section-empty{color:var(--text-tertiary);padding:1.5rem;text-align:center;font-size:1.1rem}.course-display .sections-list .section-card{background:var(--bg-secondary);border-radius:16px;box-shadow:0 4px 16px var(--shadow-color);padding:1.5rem 1.25rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:box-shadow .2s;position:relative}.course-display .sections-list .section-card:hover{box-shadow:0 8px 24px var(--shadow-color)}.course-display .sections-list .section-card .section-card-header{display:flex;align-items:center;gap:1.5rem}.course-display .sections-list .section-card .section-card-header .section-index{background:var(--primary-color);color:#fff;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;box-shadow:0 2px 8px var(--shadow-color)}.course-display .sections-list .section-card .section-card-header .section-info{flex:1}.course-display .sections-list .section-card .section-card-header .section-info .section-title{font-weight:700;color:var(--primary-color);font-size:1.15rem;margin-bottom:2px}.course-display .sections-list .section-card .section-card-header .section-info .section-meta{color:var(--text-secondary);font-size:.98rem;display:flex;gap:1.5rem;flex-wrap:wrap}.course-display .sections-list .section-card .section-card-header .section-info .section-meta span{display:flex;align-items:center}.course-display .sections-list .section-card .section-card-header .section-info .section-meta .section-published{color:var(--primary-color);font-weight:700}.course-display .sections-list .section-card .section-card-header .section-info .section-meta .section-unpublished{color:var(--text-tertiary)}.course-display .sections-list .section-card .section-card-header .section-price{background:var(--bg-tertiary);border-radius:8px;padding:.5rem 1.25rem;color:var(--primary-color);font-weight:700;font-size:1rem;min-width:70px;text-align:center}.course-display .sections-list .section-card .section-card-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.course-display .sections-list .section-card .section-card-actions .section-btn{background:var(--bg-primary);color:var(--primary-color);border:1px solid var(--primary-color);border-radius:6px;padding:.4rem 1.2rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s,border .2s}.course-display .sections-list .section-card .section-card-actions .section-btn.section-edit-btn,.course-display .sections-list .section-card .section-card-actions .section-btn.section-lessons-btn{background:var(--primary-color);color:#fff;border:none}.course-display .sections-list .section-card .section-card-actions .section-btn:disabled{opacity:.7;cursor:not-allowed}.course-display .sections-list .section-card .section-edit-form{display:flex;align-items:center;gap:8px;margin-top:.5rem;width:100%}.course-display .sections-list .section-card .section-edit-form input[type=text]{flex:2;border:none;border-bottom:2px solid var(--primary-color);background:var(--bg-secondary);border-radius:8px 8px 0 0;padding:.75rem 1rem;font-size:1.1rem;font-weight:600;color:var(--text-primary);outline:none}.course-display .sections-list .section-card .section-edit-form .section-edit-price{display:flex;align-items:center;gap:.5rem;background:var(--bg-secondary);border-radius:8px;padding:.25rem .75rem;border:1px solid var(--border-color);min-width:0;max-width:180px}.course-display .sections-list .section-card .section-edit-form .section-edit-price input[type=number]{width:80px;border:none;background:transparent;outline:none;font-size:15px;color:var(--text-primary);flex:1}.course-display .sections-list .section-card .section-edit-form .section-edit-price span{color:var(--text-tertiary);font-size:15px;font-weight:600;white-space:nowrap}.course-display .sections-list .section-card .section-lessons-list{background:var(--bg-tertiary);border-radius:8px;padding:.75rem 1rem;margin-top:8px;box-shadow:0 1px 4px var(--shadow-color)}.course-display .sections-list .section-card .section-lessons-list ul{margin:0;padding:0;list-style:none}.course-display .sections-list .section-card .section-lessons-list .section-lesson-item{padding:.5rem 0;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-weight:500}.course-display .sections-list .section-card .section-lessons-list .section-lesson-item .lesson-title{color:var(--primary-color);font-weight:600}.course-display .sections-list .section-card .section-lessons-list .section-lessons-empty{color:var(--text-tertiary);text-align:center;padding:.5rem 0}.course-display .modal-field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.course-display .modal-label{color:var(--text-secondary);font-size:.98rem;font-weight:500;margin-bottom:2px}.course-display .modal-input,.course-display .modal-select{border:1px solid var(--border-color);border-radius:8px;padding:.7rem 1rem;font-size:1rem;color:var(--text-primary);background:var(--bg-secondary);transition:border-color .2s;outline:none}.course-display .modal-input:focus,.course-display .modal-select:focus{border-color:var(--primary-color)}.course-display .modal-btn{border:none;border-radius:6px;padding:.5rem 1.3rem;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s,color .2s}.course-display .modal-btn-primary{background:var(--primary-color);color:#fff}.course-display .modal-btn-primary:disabled{opacity:.7;cursor:not-allowed}.course-display .modal-btn-secondary{background:#eee;color:#333}.course-display .creative-modal{background:var(--bg-primary);border-radius:20px;box-shadow:0 8px 32px var(--shadow-color);padding:0;min-width:340px;max-width:430px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:fadeInModal .35s cubic-bezier(.4,2,.6,1) both;border:2px solid var(--primary-color);display:flex;flex-direction:column}.course-display .creative-modal-header{background:linear-gradient(90deg,var(--primary-color) 60%,var(--primary-hover) 100%);color:#fff;font-size:1.25rem;font-weight:700;padding:1.2rem 1.5rem 1rem;display:flex;align-items:center;gap:.75rem;position:relative;border-radius:20px 20px 0 0;letter-spacing:.5px}.course-display .creative-modal-header .creative-modal-icon{font-size:1.7rem;margin-left:.5rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.08))}.course-display .creative-modal-header .creative-modal-section{font-size:1rem;font-weight:400;color:#e0e0e0;margin-right:.5rem}.course-display .creative-modal-header .creative-modal-close{position:absolute;left:1.2rem;top:1.1rem;background:transparent;border:none;color:#fff;font-size:1.5rem;font-weight:700;cursor:pointer;transition:color .2s}.course-display .creative-modal-header .creative-modal-close:hover{color:gold}.course-display .creative-modal-form{padding:1.5rem 1.5rem 1.2rem;display:flex;flex-direction:column;gap:.5rem}.course-display .creative-modal-fields{display:flex;flex-direction:column;gap:.7rem}.course-display .creative-modal-trailer{flex-direction:row!important;align-items:center!important;gap:8px;margin-top:.5rem}.course-display .creative-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:1.2rem}@media (max-width: 1500px){.course-display .course-display .immersive-hero .hero-container{grid-template-columns:1fr 450px;gap:3rem}}@media (max-width: 992px){.course-display .course-display .immersive-hero .hero-container{grid-template-columns:1fr;text-align:center}.course-display .course-display .immersive-hero .hero-container .hero-content .stats-showcase,.course-display .course-display .immersive-hero .hero-container .hero-content .cta-group{justify-content:center}.course-display .course-display .content-layout{grid-template-columns:1fr}.course-display .course-display .content-layout .course-sidebar .enrollment-pod{position:static}}@media (max-width: 768px){.course-display .course-display .immersive-hero{min-height:auto;padding:2rem 0}.course-display .course-display .immersive-hero .hero-container{padding:2rem 1rem}.course-display .course-display .immersive-hero .hero-container .hero-content .hero-title{font-size:2.5rem}.course-display .course-display .immersive-hero .hero-container .hero-content .stats-showcase{grid-template-columns:1fr}.course-display .course-display .immersive-hero .hero-container .hero-content .cta-group{flex-direction:column}}@media (min-width: 1400px){.course-display .course-display .immersive-hero{min-height:90vh}.course-display .course-display .immersive-hero .hero-container{max-width:1700px;padding:8rem 4rem;gap:6rem;grid-template-columns:1.2fr 600px}.course-display .course-display .immersive-hero .hero-container .hero-content .hero-title{font-size:clamp(3rem,5vw,5rem)}.course-display .course-display .immersive-hero .hero-container .hero-content .hero-description{font-size:1.25rem;max-width:700px}.course-display .course-display .immersive-hero .hero-container .hero-content .stats-showcase{gap:2.5rem}.course-display .course-display .immersive-hero .hero-container .hero-content .stats-showcase .stat-card{padding:2rem;font-size:1.15rem}.course-display .course-display .immersive-hero .hero-container .hero-media .media-card .thumbnail-wrapper{border-radius:32px}.course-display .course-display .immersive-hero .hero-container .hero-media .media-card .thumbnail-wrapper img{height:500px}.course-display .course-display .immersive-hero .hero-container .hero-media .media-card .thumbnail-wrapper .play-button{width:100px;height:100px;font-size:2.2rem}.course-display .course-display .content-layout{max-width:1500px;grid-template-columns:1.5fr 400px;gap:3rem}.course-display .course-display .content-layout .main-content .content-canvas{padding:3rem}.course-display .course-display .content-layout .main-content .content-canvas .overview-grid .achievement-cards{gap:2.5rem}.course-display .course-display .content-layout .main-content .content-canvas .overview-grid .achievement-cards .achievement-card{padding:2rem;font-size:1.1rem}.course-display .course-display .content-layout .course-sidebar .enrollment-pod{padding:2.5rem}}.course-display .improved-cta-group{display:flex;gap:1.5rem;align-items:center;justify-content:flex-start;margin-top:2.5rem;margin-bottom:1.5rem;flex-wrap:wrap}@media (max-width: 600px){.course-display .improved-cta-group{flex-direction:column;gap:.8rem}.course-display .improved-cta-group .cta-divider{display:none}}.course-display .improved-cta-group .cta-divider{width:2px;height:36px;background:var(--primary-color);opacity:.15;border-radius:2px;margin:0 .5rem}@media (max-width: 600px){.course-display .improved-cta-group .cta-divider{display:none}}.course-display .improved-primary-cta{background:linear-gradient(90deg,var(--primary-color) 60%,var(--primary-hover) 100%);color:#fff!important;border:none;font-weight:800;font-size:1.18rem;padding:1rem 2.7rem;border-radius:12px;box-shadow:0 2px 12px #2563eb1a;transition:background .2s,transform .2s;position:relative;overflow:hidden}.course-display .improved-primary-cta .cta-shine{position:absolute;top:0;left:-60%;width:60%;height:100%;background:linear-gradient(120deg,#fff0,#ffffff59,#fff0);filter:blur(2px);pointer-events:none;transition:transform .7s cubic-bezier(.4,.7,.4,1);transform:skew(-20deg) translate(0);z-index:2}.course-display .improved-primary-cta:hover .cta-shine{transform:skew(-20deg) translate(250%);transition:transform .7s cubic-bezier(.4,.7,.4,1)}.course-display .improved-secondary-cta{background:#fff;color:var(--primary-color)!important;border:2px solid var(--primary-color);font-weight:700;font-size:1.08rem;padding:1rem 2.1rem;border-radius:12px;box-shadow:0 2px 12px #2563eb0f;transition:background .2s,color .2s,transform .2s;display:flex;align-items:center;gap:.7rem}.course-display .improved-secondary-cta:hover{background:var(--primary-color);color:#fff!important;transform:translateY(-2px) scale(1.03)}.course-display .improved-secondary-cta .play-icon{font-size:1.2em;margin-left:.4em}.course-display .mentors-section{background:var(--bg-secondary);border-radius:16px;box-shadow:0 2px 12px var(--shadow-color);padding:2rem 1.5rem;max-width:600px;margin:2.5rem auto 2rem}.course-display .mentors-section h3{color:var(--primary-color);margin-bottom:18px;font-weight:800;font-size:1.25rem;letter-spacing:.5px;text-align:center}.course-display .mentors-section .mentors-list{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:1.5rem}.course-display .mentors-section .mentors-list .mentor-card{display:flex;align-items:center;gap:18px;padding:16px 12px;border-radius:12px;background:var(--bg-primary);box-shadow:0 2px 8px var(--shadow-color);border:1px solid var(--border-color);transition:box-shadow .2s,border .2s;position:relative}.course-display .mentors-section .mentors-list .mentor-card:hover{box-shadow:0 4px 16px var(--primary-color);border-color:var(--primary-color)}.course-display .mentors-section .mentors-list .mentor-card .mentor-avatar{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-color);box-shadow:0 2px 8px var(--shadow-color)}.course-display .mentors-section .mentors-list .mentor-card .mentor-info{flex:1;display:flex;flex-direction:column;gap:2px}.course-display .mentors-section .mentors-list .mentor-card .mentor-info .mentor-name{font-weight:700;color:var(--primary-color);font-size:1.08rem}.course-display .mentors-section .mentors-list .mentor-card .mentor-info .mentor-email{color:var(--text-secondary);font-size:.98rem}.course-display .mentors-section .mentors-list .mentor-card .mentor-info .mentor-price{color:var(--primary-color);font-weight:600;font-size:1rem;margin-top:2px}.course-display .mentors-section .mentors-list .mentor-card .mentor-delete-btn{background:#ef4444;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;margin-right:auto;opacity:.8}.course-display .mentors-section .mentors-list .mentor-card .mentor-delete-btn:hover:not(:disabled){background:#dc2626;opacity:1;transform:scale(1.1)}.course-display .mentors-section .mentors-list .mentor-card .mentor-delete-btn:active:not(:disabled){transform:scale(.95)}.course-display .mentors-section .mentors-list .mentor-card .mentor-delete-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.course-display .mentors-section .mentors-list .mentor-card .mentor-delete-btn .loading-spinner{border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.course-display .mentors-section .add-mentor-section{margin-top:32px;background:var(--bg-primary);border-radius:12px;padding:1.2rem 1rem 1rem;box-shadow:0 1px 6px var(--shadow-color)}.course-display .mentors-section .add-mentor-section h4{color:var(--primary-color);margin-bottom:10px;font-size:1.08rem;font-weight:700;text-align:right}.course-display .mentors-section .add-mentor-section .mentor-search-input{padding:10px 14px;border-radius:8px;border:1.5px solid var(--card-border, #e0f2f1);font-size:1rem;background:var(--bg-secondary);color:var(--text-primary);margin-bottom:12px;width:100%;transition:border-color .2s}.course-display .mentors-section .add-mentor-section .mentor-search-input:focus{border-color:var(--primary-color)}.course-display .mentors-section .add-mentor-section .mentor-search-results{margin-top:8px;display:flex;flex-direction:column;gap:.7rem}.course-display .mentors-section .add-mentor-section .mentor-search-results .mentor-result-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #eee}.course-display .mentors-section .add-mentor-section .mentor-search-results .mentor-result-row .mentor-result-name{flex:1}.course-display .mentors-section .add-mentor-section .mentor-search-results .mentor-result-row .mentor-result-input{width:90px;margin-left:8px;border-radius:6px;border:1px solid #ccc;padding:4px 8px;font-size:1rem}.course-display .mentors-section .add-mentor-section .mentor-search-results .mentor-result-row .mentor-result-btn{background:var(--primary-color);color:#fff;border:none;border-radius:6px;padding:6px 18px;font-weight:700;cursor:pointer;transition:background .2s}.course-display .mentors-section .add-mentor-section .mentor-search-results .mentor-result-row .mentor-result-btn:hover{background:var(--primary-hover)}.modal-field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.modal-label{color:var(--text-secondary);font-size:.98rem;font-weight:500;margin-bottom:2px}.modal-input,.modal-select{border:1px solid var(--border-color);border-radius:8px;padding:.7rem 1rem;font-size:1rem;color:var(--text-primary);background:var(--bg-secondary);transition:border-color .2s;outline:none}.modal-input:focus,.modal-select:focus{border-color:var(--primary-color)}.modal-btn{border:none;border-radius:6px;padding:.5rem 1.3rem;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s,color .2s}.modal-btn-primary{background:var(--primary-color);color:#fff}.modal-btn-primary:disabled{opacity:.7;cursor:not-allowed}.modal-btn-secondary{background:#eee;color:#333}.creative-modal{background:var(--bg-primary);border-radius:20px;box-shadow:0 8px 32px var(--shadow-color);padding:0;min-width:340px;max-width:430px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:fadeInModal .35s cubic-bezier(.4,2,.6,1) both;border:2px solid var(--primary-color);display:flex;flex-direction:column}.creative-modal-header{background:linear-gradient(90deg,var(--primary-color) 60%,var(--primary-hover) 100%);color:#fff;font-size:1.25rem;font-weight:700;padding:1.2rem 1.5rem 1rem;display:flex;align-items:center;gap:.75rem;position:relative;border-radius:20px 20px 0 0;letter-spacing:.5px}.creative-modal-header .creative-modal-icon{font-size:1.7rem;margin-left:.5rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.08))}.creative-modal-header .creative-modal-section{font-size:1rem;font-weight:400;color:#e0e0e0;margin-right:.5rem}.creative-modal-header .creative-modal-close{position:absolute;left:1.2rem;top:1.1rem;background:transparent;border:none;color:#fff;font-size:1.5rem;font-weight:700;cursor:pointer;transition:color .2s}.creative-modal-header .creative-modal-close:hover{color:gold}.creative-modal-form{padding:1.5rem 1.5rem 1.2rem;display:flex;flex-direction:column;gap:.5rem}.creative-modal-fields{display:flex;flex-direction:column;gap:.7rem}.creative-modal-trailer{flex-direction:row!important;align-items:center!important;gap:8px;margin-top:.5rem}.creative-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:1.2rem}@keyframes fadeInModal{0%{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes floatParticles{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1500px){.course-display .immersive-hero .hero-container{grid-template-columns:1fr 450px;gap:3rem}}@media (max-width: 992px){.course-display .immersive-hero .hero-container{grid-template-columns:1fr;text-align:center}.course-display .immersive-hero .hero-container .hero-content .stats-showcase,.course-display .immersive-hero .hero-container .hero-content .cta-group{justify-content:center}.course-display .content-layout{grid-template-columns:1fr}.course-display .content-layout .course-sidebar .enrollment-pod{position:static}}@media (max-width: 768px){.course-display .immersive-hero{min-height:auto;padding:2rem 0}.course-display .immersive-hero .hero-container{padding:2rem 1rem}.course-display .immersive-hero .hero-container .hero-content .hero-title{font-size:2.5rem}.course-display .immersive-hero .hero-container .hero-content .stats-showcase{grid-template-columns:1fr}.course-display .immersive-hero .hero-container .hero-content .cta-group{flex-direction:column}}@media (min-width: 1400px){.course-display .immersive-hero{min-height:90vh}.course-display .immersive-hero .hero-container{max-width:1700px;padding:8rem 4rem;gap:6rem;grid-template-columns:1.2fr 600px}.course-display .immersive-hero .hero-container .hero-content .hero-title{font-size:clamp(3rem,5vw,5rem)}.course-display .immersive-hero .hero-container .hero-content .hero-description{font-size:1.25rem;max-width:700px}.course-display .immersive-hero .hero-container .hero-content .stats-showcase{gap:2.5rem}.course-display .immersive-hero .hero-container .hero-content .stats-showcase .stat-card{padding:2rem;font-size:1.15rem}.course-display .immersive-hero .hero-container .hero-media .media-card .thumbnail-wrapper{border-radius:32px}.course-display .immersive-hero .hero-container .hero-media .media-card .thumbnail-wrapper img{height:500px}.course-display .immersive-hero .hero-container .hero-media .media-card .thumbnail-wrapper .play-button{width:100px;height:100px;font-size:2.2rem}.course-display .content-layout{max-width:1500px;grid-template-columns:1.5fr 400px;gap:3rem}.course-display .content-layout .main-content .content-canvas{padding:3rem}.course-display .content-layout .main-content .content-canvas .overview-grid .achievement-cards{gap:2.5rem}.course-display .content-layout .main-content .content-canvas .overview-grid .achievement-cards .achievement-card{padding:2rem;font-size:1.1rem}.course-display .content-layout .course-sidebar .enrollment-pod{padding:2.5rem}}.improved-cta-group{display:flex;gap:1.5rem;align-items:center;justify-content:flex-start;margin-top:2.5rem;margin-bottom:1.5rem;flex-wrap:wrap}@media (max-width: 600px){.improved-cta-group{flex-direction:column;gap:.8rem}.improved-cta-group .cta-divider{display:none}}.improved-cta-group .cta-divider{width:2px;height:36px;background:var(--primary-color);opacity:.15;border-radius:2px;margin:0 .5rem}@media (max-width: 600px){.improved-cta-group .cta-divider{display:none}}.improved-primary-cta{background:linear-gradient(90deg,var(--primary-color) 60%,var(--primary-hover) 100%);color:#fff!important;border:none;font-weight:800;font-size:1.18rem;padding:1rem 2.7rem;border-radius:12px;box-shadow:0 2px 12px #2563eb1a;transition:background .2s,transform .2s;position:relative;overflow:hidden}.improved-primary-cta .cta-shine{position:absolute;top:0;left:-60%;width:60%;height:100%;background:linear-gradient(120deg,#fff0,#ffffff59,#fff0);filter:blur(2px);pointer-events:none;transition:transform .7s cubic-bezier(.4,.7,.4,1);transform:skew(-20deg) translate(0);z-index:2}.improved-primary-cta:hover .cta-shine{transform:skew(-20deg) translate(250%);transition:transform .7s cubic-bezier(.4,.7,.4,1)}.improved-secondary-cta{background:#fff;color:var(--primary-color)!important;border:2px solid var(--primary-color);font-weight:700;font-size:1.08rem;padding:1rem 2.1rem;border-radius:12px;box-shadow:0 2px 12px #2563eb0f;transition:background .2s,color .2s,transform .2s;display:flex;align-items:center;gap:.7rem}.improved-secondary-cta:hover{background:var(--primary-color);color:#fff!important;transform:translateY(-2px) scale(1.03)}.improved-secondary-cta .play-icon{font-size:1.2em;margin-left:.4em}.mentors-section{background:var(--bg-secondary);border-radius:16px;box-shadow:0 2px 12px var(--shadow-color);padding:2rem 1.5rem;max-width:600px;margin:2.5rem auto 2rem}.mentors-section h3{color:var(--primary-color);margin-bottom:18px;font-weight:800;font-size:1.25rem;letter-spacing:.5px;text-align:center}.mentors-section .refresh-button{background:var(--primary-color);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.mentors-section .refresh-button:hover:not(:disabled){background:var(--primary-color-dark, #2d8a57);transform:translateY(-1px)}.mentors-section .refresh-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.mentors-section .mentors-list{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:1.5rem}.mentors-section .mentors-list .mentor-card{display:flex;align-items:center;gap:18px;padding:16px 12px;border-radius:12px;background:var(--bg-primary);box-shadow:0 2px 8px var(--shadow-color);border:1px solid var(--border-color);transition:box-shadow .2s,border .2s;position:relative}.mentors-section .mentors-list .mentor-card:hover{box-shadow:0 4px 16px var(--primary-color);border-color:var(--primary-color)}.mentors-section .mentors-list .mentor-card .mentor-avatar{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-color);box-shadow:0 2px 8px var(--shadow-color)}.mentors-section .mentors-list .mentor-card .mentor-info{flex:1;display:flex;flex-direction:column;gap:2px}.mentors-section .mentors-list .mentor-card .mentor-info .mentor-name{font-weight:700;color:var(--primary-color);font-size:1.08rem}.mentors-section .mentors-list .mentor-card .mentor-info .mentor-email{color:var(--text-secondary);font-size:.98rem}.mentors-section .mentors-list .mentor-card .mentor-info .mentor-price{color:var(--primary-color);font-weight:600;font-size:1rem;margin-top:2px}.mentors-section .mentors-list .mentor-card .mentor-delete-btn{background:#ef4444;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;margin-right:auto;opacity:.8}.mentors-section .mentors-list .mentor-card .mentor-delete-btn:hover:not(:disabled){background:#dc2626;opacity:1;transform:scale(1.1)}.mentors-section .mentors-list .mentor-card .mentor-delete-btn:active:not(:disabled){transform:scale(.95)}.mentors-section .mentors-list .mentor-card .mentor-delete-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.mentors-section .mentors-list .mentor-card .mentor-delete-btn .loading-spinner{border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mentors-section .add-mentor-section{margin-top:32px;background:var(--bg-primary);border-radius:12px;padding:1.2rem 1rem 1rem;box-shadow:0 1px 6px var(--shadow-color)}.mentors-section .add-mentor-section h4{color:var(--primary-color);margin-bottom:10px;font-size:1.08rem;font-weight:700;text-align:right}.mentors-section .add-mentor-section .mentor-search-input{padding:10px 14px;border-radius:8px;border:1.5px solid var(--card-border, #e0f2f1);font-size:1rem;background:var(--bg-secondary);color:var(--text-primary);margin-bottom:12px;width:100%;transition:border-color .2s}.mentors-section .add-mentor-section .mentor-search-input:focus{border-color:var(--primary-color)}.mentors-section .add-mentor-section .mentor-search-results{margin-top:8px;display:flex;flex-direction:column;gap:.7rem}.mentors-section .add-mentor-section .mentor-search-results .mentor-result-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #eee}.mentors-section .add-mentor-section .mentor-search-results .mentor-result-row .mentor-result-name{flex:1}.mentors-section .add-mentor-section .mentor-search-results .mentor-result-row .mentor-result-input{width:90px;margin-left:8px;border-radius:6px;border:1px solid #ccc;padding:4px 8px;font-size:1rem}.mentors-section .add-mentor-section .mentor-search-results .mentor-result-row .mentor-result-btn{background:var(--primary-color);color:#fff;border:none;border-radius:6px;padding:6px 18px;font-weight:700;cursor:pointer;transition:background .2s}.mentors-section .add-mentor-section .mentor-search-results .mentor-result-row .mentor-result-btn:hover{background:var(--primary-hover)}.lesson-details{padding:2rem;max-width:1200px;margin:0 auto}.lesson-details .lesson-header{margin-bottom:2rem}.lesson-details .lesson-header .back-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;margin-bottom:1rem}.lesson-details .lesson-header .back-button:hover{color:var(--primary-color)}.lesson-details .lesson-header h1{font-size:2rem;color:var(--text-primary);margin:0 0 1rem}.lesson-details .lesson-header .section-info{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.lesson-details .lesson-content .video-container{position:relative;width:100%;background:#000;aspect-ratio:16/9;border-radius:8px;overflow:hidden;margin-bottom:2rem}.lesson-details .lesson-content .video-container .video-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;color:#fff;z-index:2}.lesson-details .lesson-content .video-container .lesson-video{width:100%;height:100%;object-fit:contain}.lesson-details .lesson-content .description-section,.lesson-details .lesson-content .resources-section,.lesson-details .lesson-content .task-section{background:var(--bg-primary);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border-color)}.lesson-details .lesson-content .description-section h3,.lesson-details .lesson-content .resources-section h3,.lesson-details .lesson-content .task-section h3{color:var(--text-primary);margin:0 0 1rem;font-size:1.25rem}.lesson-details .lesson-content .resources-list{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.lesson-details .lesson-content .resources-list .resource-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;color:var(--text-primary);text-decoration:none;transition:all .2s ease}.lesson-details .lesson-content .resources-list .resource-item:hover{background:var(--bg-tertiary);transform:translateY(-2px)}.lesson-details .lesson-content .task-section .task-details h4{color:var(--text-primary);margin:0 0 .5rem}.lesson-details .lesson-content .task-section .task-details p{color:var(--text-secondary);margin-bottom:1rem}.lesson-details .lesson-content .task-section .task-details .task-meta{display:flex;align-items:center;gap:1rem;color:var(--text-secondary);font-size:.875rem}.lesson-details .lesson-content .task-section .task-details .task-meta .points{background:var(--primary-light);color:var(--primary-color);padding:.25rem .75rem;border-radius:999px}.lesson-details .lesson-content .task-section .task-details .task-meta .deadline{display:flex;align-items:center;gap:.25rem}Courses Feature Styles .courses-page{min-height:100vh;background-color:var(--bg-primary)}.theme-toggle{position:fixed;top:20px;left:20px;right:auto;background-color:var(--bg-secondary);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;box-shadow:0 2px 10px #0000001a;transition:all .3s ease}.theme-toggle:hover{transform:scale(1.1)}.sun-icon{display:var(--theme-toggle-sun-display, block);color:#f39c12}.moon-icon{display:var(--theme-toggle-moon-display, none);color:#3498db}[data-theme=dark] .sun-icon{display:none}[data-theme=dark] .moon-icon{display:block}.search-filter-section{margin-bottom:30px;padding:30px;background-color:var(--bg-secondary);border-radius:10px;box-shadow:0 5px 15px #0000000d}.search-filter-section h2{margin-bottom:20px;color:var(--text-primary);font-size:1.8rem;text-align:center}.search-input-container{display:flex;margin-bottom:20px;position:relative;max-width:600px;margin-left:auto;margin-right:auto;flex-direction:row-reverse}.search-input-container input{flex:1;padding:12px 20px;border:1px solid var(--border-color);border-radius:30px;font-size:1rem;background-color:var(--bg-primary);color:var(--text-primary);transition:all .3s ease}.search-input-container input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #42b37233}.search-submit-btn{position:absolute;right:auto;background-color:var(--primary-color);border:none;border-radius:50%;width:43px;height:43px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease}.search-submit-btn:hover{background-color:var(--primary-color-dark);transform:scale(1.05)}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;justify-content:center}.filter-buttons button{padding:8px 16px;border:1px solid var(--border-color);border-radius:20px;background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .3s ease;font-size:.9rem}.filter-buttons button:hover{background-color:var(--bg-tertiary)}.filter-buttons button.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.secondary-filters{display:flex;gap:15px;justify-content:center}.secondary-filters select{padding:8px 16px;border:1px solid var(--border-color);border-radius:20px;background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .3s ease;font-size:.9rem;min-width:150px}.secondary-filters select:focus{outline:none;border-color:var(--primary-color)}.course-list-section{margin-bottom:40px}.course-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}.course-thumb{width:100%;height:200px;object-fit:cover}.no-results{text-align:center;padding:40px;font-size:1.2rem;color:var(--text-secondary);background-color:var(--bg-secondary);border-radius:10px;margin:20px 0}.course-card{background-color:var(--bg-secondary);border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000000d;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;height:100%}.course-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.course-image{width:100%;height:200px;object-fit:cover}.course-content{padding:20px;flex:1;display:flex;flex-direction:column}.course-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.course-title{margin:0;color:var(--text-primary);font-size:1.3rem;font-weight:600;flex:1}.skill-level{background-color:var(--primary-light);color:var(--primary-color);padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500;margin-left:10px}.instructor-info{display:flex;align-items:center;margin-bottom:15px;gap:8px}.instructor-info img{width:30px;height:30px;border-radius:50%;border:1px solid var(--border-color)}.instructor-info span{font-size:.9rem;color:var(--text-primary);font-weight:500}.course-description{margin-bottom:20px;color:var(--text-secondary);font-size:.95rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.course-content h4{margin:0 0 10px;color:var(--text-primary);font-size:1rem;font-weight:600}.learn-points{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:8px}.learn-points li{display:flex;align-items:flex-start;font-size:.9rem;color:var(--text-secondary)}.learn-points li svg{width:16px;height:16px;margin-left:8px;flex-shrink:0;color:var(--primary-color)}.course-meta{display:flex;justify-content:space-between;margin-bottom:15px;font-size:.85rem;color:var(--text-secondary)}.course-meta span{display:flex;align-items:center}.course-meta svg{width:16px;height:16px;margin-left:5px}.course-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:15px;border-top:1px solid var(--border-color)}.price{font-weight:700;color:var(--primary-color);font-size:1.1rem}.more-btn{padding:8px 16px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;text-decoration:none;font-size:.9rem;text-align:center}.more-btn:hover{background-color:var(--primary-color-dark)}.pagination-section{margin-bottom:40px}.pagination{display:flex;justify-content:center;gap:5px}.pagination-button{padding:8px 12px;border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .3s ease;border-radius:5px}.pagination-button:hover:not(:disabled){background-color:var(--bg-tertiary)}.pagination-button.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-ellipsis{display:flex;align-items:center;padding:0 5px}@media (max-width: 768px){.course-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.secondary-filters{flex-direction:column;align-items:center}.course-meta-top{flex-direction:column;gap:5px}}@media (max-width: 480px){.course-list{grid-template-columns:1fr}.filter-buttons{flex-direction:column;align-items:center}.filter-buttons button{width:100%}}@media (max-width: 900px){.courses-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem;padding:1.2rem 0}}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.2rem;padding:2.5rem 0;max-width:1400px;margin:0 auto;align-items:stretch}.course-card{background:var(--card-gradient, var(--bg-card, #fff));border-radius:20px;overflow:hidden;box-shadow:0 8px 32px var(--shadow-color, rgba(33, 150, 243, .08));border:2px solid var(--card-border, #e0f2f1);display:flex;flex-direction:column;min-height:420px;position:relative;transition:box-shadow .22s,transform .22s,border-color .22s}.course-card:before{content:"";display:block;height:6px;width:100%;background:linear-gradient(90deg,var(--primary-color) 60%,var(--info, #1976d2) 100%);position:absolute;top:0;left:0;z-index:2;transition:background .3s}.course-card:hover{box-shadow:0 16px 48px var(--shadow-color-darker, rgba(33, 150, 243, .18));transform:translateY(-10px) scale(1.03);border-color:var(--primary-color, #0cb88f)}.course-card .card-link{text-decoration:none;color:inherit;display:block;height:100%}.course-card .course-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--bg-tertiary, #f3f3f3)}.course-card .course-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s;border-radius:0;filter:brightness(.98) contrast(1.07)}.course-card .course-image:hover img{transform:scale(1.06)}.course-card .course-image .course-price{position:absolute;left:16px;bottom:16px;background:var(--primary-color, #0cb88f);color:#fff;padding:7px 18px;border-radius:10px;font-weight:800;font-size:1.05rem;box-shadow:0 2px 8px var(--shadow-color, rgba(33, 150, 243, .08));z-index:2;letter-spacing:.5px;border:2px solid #fff}.course-card .course-content{padding:1.5rem 1.5rem 1.2rem;display:flex;flex-direction:column;gap:.9rem;flex:1;background:transparent}.course-card .course-title{margin:0 0 .75rem;font-size:1.22rem;font-weight:900;color:var(--primary-color, #0cb88f);line-height:1.4;min-height:2.5em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;letter-spacing:.5px}.course-card .course-meta{display:flex;gap:1.2rem;margin-bottom:.75rem;color:var(--text-secondary, #64748b);font-size:.98rem}.course-card .course-meta .meta-item{display:flex;align-items:center;background:var(--accent, #e0f2f1);border-radius:7px;padding:.18em .8em;font-weight:600;box-shadow:0 1px 4px var(--shadow-color, rgba(33, 150, 243, .08));flex-direction:column;text-align:center}.course-card .course-meta .meta-item svg{color:var(--primary-color, #0cb88f);font-size:1.1em}.course-card .course-instructor{color:var(--text-secondary, #64748b);font-size:.98rem;font-weight:600;margin-top:auto}.course-card .course-instructor:before{content:"المدرب: ";color:var(--primary-color, #0cb88f);font-weight:800}[dir=rtl] .course-card .course-price{right:16px;left:auto}[dir=rtl] .course-card .course-meta .meta-item svg{margin-left:.25rem;margin-right:0}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2.2rem;padding:2rem;max-width:1300px;margin:0 auto}.otp-container{min-height:100vh;background-color:var(--bg-color);display:flex;justify-content:center;align-items:center;padding:clamp(.5rem,2vw,.5rem);position:relative;transition:var(--transition)}.theme-toggle{position:absolute;top:clamp(1rem,3vw,1.5rem);left:clamp(1rem,3vw,1.5rem);z-index:10}.otp-content{max-width:min(400px,80%);width:100%;text-align:center}.otp-animation{width:100%;max-width:min(200px,70%);margin:0 auto clamp(0rem,4vw,0rem)}.otp-logo{width:clamp(70px,10vw,110px);margin:0 auto 1rem}.otp-logo img{width:100%;height:auto}.otp-form{background-color:var(--bg-secondary);padding:clamp(1rem,4vw,1rem);border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:var(--transition)}.form-title{font-size:clamp(1rem,4vw,1rem);color:var(--primary-color);margin-bottom:clamp(.75rem,2vw,1rem);font-weight:600}.form-description{color:var(--text-color);margin-bottom:clamp(1rem,4vw,1rem);font-size:clamp(.875rem,2.5vw,.9rem);line-height:1}.otp-inputs{display:flex;gap:clamp(.25rem,2vw,.5rem);justify-content:center;margin-bottom:clamp(1.5rem,4vw,2rem);direction:ltr}.otp-input{width:clamp(2.5rem,8vw,3rem);height:clamp(2.5rem,8vw,3rem);text-align:center;font-size:clamp(1.25rem,4vw,1.5rem);border:2px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--bg-color);color:var(--text-color);transition:var(--transition);direction:ltr}.otp-input::-webkit-outer-spin-button,.otp-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.otp-input[type=number]{-moz-appearance:textfield}.otp-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.form-error{color:var(--error-color);margin-bottom:1rem;font-size:clamp(.75rem,2.5vw,.9rem);background-color:var(--error-bg);padding:clamp(.5rem,2vw,.75rem);border-radius:var(--border-radius)}.form-button{width:100%;padding:clamp(.75rem,2.5vw,1rem);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);font-size:clamp(.9rem,2.5vw,1rem);font-weight:500;cursor:pointer;transition:var(--transition)}.form-button:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px)}.form-button:disabled{background-color:var(--primary-disabled);cursor:not-allowed}.resend-section{margin-top:1rem;text-align:center}.countdown{color:var(--text-color);font-size:.9rem;margin:0}.resend-button{background:none;border:none;color:var(--link-color);font-size:.9rem;padding:.5rem 1rem;cursor:pointer;transition:var(--transition)}.resend-button:hover:not(:disabled){color:var(--link-hover-color);text-decoration:underline}.resend-button:disabled{color:var(--text-secondary);cursor:not-allowed}.newsletter-page{min-height:100vh;background:var(--bg-color)}.newsletter-page .newsletter-hero{position:relative;padding:80px 0 120px;overflow:hidden}.newsletter-page .newsletter-hero .hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.newsletter-page .newsletter-hero .hero-background .gradient-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1dd1a1,#20e3b2,#1abc9c)}.newsletter-page .newsletter-hero .hero-background .pattern-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(circle at 75% 75%,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:pattern-float 20s linear infinite}.newsletter-page .newsletter-hero .container{position:relative;z-index:2}.newsletter-page .newsletter-hero .hero-content{text-align:center;color:#fff;max-width:600px;margin:0 auto}.newsletter-page .newsletter-hero .hero-content .hero-icon{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin:0 auto 30px;border:2px solid rgba(255,255,255,.3)}.newsletter-page .newsletter-hero .hero-content h1{font-size:3rem;font-weight:700;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.1)}@media (max-width: 768px){.newsletter-page .newsletter-hero .hero-content h1{font-size:2.2rem}}.newsletter-page .newsletter-hero .hero-content p{font-size:1.2rem;margin-bottom:40px;opacity:.95;line-height:1.6}@media (max-width: 768px){.newsletter-page .newsletter-hero .hero-content p{font-size:1rem}}.newsletter-page .newsletter-hero .hero-content .stats-row{display:flex;justify-content:center;gap:40px;margin-top:40px}@media (max-width: 768px){.newsletter-page .newsletter-hero .hero-content .stats-row{flex-direction:column;gap:20px;align-items:center}}.newsletter-page .newsletter-hero .hero-content .stats-row .stat{display:flex;align-items:center;gap:10px;background:#fff3;padding:15px 25px;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.newsletter-page .newsletter-hero .hero-content .stats-row .stat span{font-weight:600}.newsletter-page .newsletter-archive{padding:80px 0}.newsletter-page .newsletter-archive .archive-header{text-align:center;margin-bottom:60px}.newsletter-page .newsletter-archive .archive-header h2{font-size:2.5rem;margin-bottom:15px;color:var(--text-color)}@media (max-width: 768px){.newsletter-page .newsletter-archive .archive-header h2{font-size:2rem}}.newsletter-page .newsletter-archive .archive-header p{font-size:1.1rem;color:var(--text-secondary)}.newsletter-page .newsletter-archive .search-filters{margin-bottom:40px}.newsletter-page .newsletter-archive .search-filters .search-bar{position:relative;max-width:500px;margin:0 auto 30px}.newsletter-page .newsletter-archive .search-filters .search-bar svg{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.newsletter-page .newsletter-archive .search-filters .search-bar input{width:100%;padding:15px 50px 15px 20px;border:2px solid var(--border-color);border-radius:12px;font-size:1rem;transition:all .3s ease}.newsletter-page .newsletter-archive .search-filters .search-bar input:focus{outline:none;border-color:var(--primary-teal);box-shadow:0 0 0 3px #1dd1a11a}.newsletter-page .newsletter-archive .search-filters .filter-tabs{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.newsletter-page .newsletter-archive .search-filters .filter-tabs .filter-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;color:var(--text-color);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .3s ease}.newsletter-page .newsletter-archive .search-filters .filter-tabs .filter-tab:hover{border-color:var(--primary-teal);color:var(--primary-teal)}.newsletter-page .newsletter-archive .search-filters .filter-tabs .filter-tab.active{background:var(--primary-teal);color:#fff;border-color:var(--primary-teal)}.newsletter-page .newsletter-archive .newsletters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}@media (max-width: 768px){.newsletter-page .newsletter-archive .newsletters-grid{grid-template-columns:1fr;gap:20px}}.newsletter-page .newsletter-archive .newsletters-grid .newsletter-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000001a;transition:all .3s ease}.newsletter-page .newsletter-archive .newsletters-grid .newsletter-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.newsletter-page .newsletter-archive .newsletters-grid .newsletter-card .card-image{position:relative;height:200px;overflow:hidden}.newsletter-page .newsletter-archive .newsletters-grid .newsletter-card .card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.newsletter-page .newsletter-archive .newsletters-grid .newsletter-card .card-image .category-badge{position:absolute;top:15px;left:15px;background:var(--primary-teal);color:#fff;padding:8px 12px;border-radius:8px;display:flex;align-items:center;gap:5px;font-size:.9rem;font-weight:500}.newsletter-page .newsletter-archive .newsletters-grid .newsletter-card .card-content{padding:25px}.newsletter-page .newsletter-archive .newsletters-grid .newsletter-card .card-content h3{font-size:1.3rem;margin-bottom:10px;color:var(--text-color);line-height:1.4}.newsletter-page .newsletter-archive .newsletters-grid .newsletter-card .card-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.newsletter-page .newsletter-archive .newsletters-grid .newsletter-card .card-content .card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.newsletter-page .newsletter-archive .newsletters-grid .newsletter-card .card-content .card-tags .tag{background:var(--light-bg);color:var(--text-secondary);padding:5px 12px;border-radius:15px;font-size:.8rem;font-weight:500}.newsletter-page .newsletter-archive .newsletters-grid .newsletter-card .card-content .card-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.newsletter-page .newsletter-archive .newsletters-grid .newsletter-card .card-content .card-meta .meta-item{display:flex;align-items:center;gap:5px;color:var(--text-secondary);font-size:.9rem}.newsletter-page .newsletter-archive .newsletters-grid .newsletter-card .card-content .card-meta .meta-item svg{flex-shrink:0}.newsletter-page .newsletter-archive .newsletters-grid .newsletter-card .card-content .card-actions{display:flex;gap:10px}.newsletter-page .newsletter-archive .newsletters-grid .newsletter-card .card-content .card-actions .action-btn{display:flex;align-items:center;gap:8px;padding:10px 15px;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease;font-weight:500}.newsletter-page .newsletter-archive .newsletters-grid .newsletter-card .card-content .card-actions .action-btn.primary{background:var(--primary-teal);color:#fff;flex:1}.newsletter-page .newsletter-archive .newsletters-grid .newsletter-card .card-content .card-actions .action-btn.primary:hover{background:var(--medium-teal);transform:translateY(-1px)}.newsletter-page .newsletter-archive .newsletters-grid .newsletter-card .card-content .card-actions .action-btn.secondary{background:var(--light-bg);color:var(--text-color)}.newsletter-page .newsletter-archive .newsletters-grid .newsletter-card .card-content .card-actions .action-btn.secondary:hover{background:var(--border-color)}.newsletter-page .newsletter-archive .no-results{text-align:center;padding:60px 20px;color:var(--text-secondary)}.newsletter-page .newsletter-archive .no-results svg{margin-bottom:20px;opacity:.5}.newsletter-page .newsletter-archive .no-results h3{margin-bottom:10px;color:var(--text-color)}.newsletter-page.dark .newsletter-card{background:var(--card-bg)!important;border:1px solid var(--border-color)}.newsletter-page.dark .filter-tab{background:var(--card-bg)!important}.newsletter-page.dark .filter-tab.active{background:var(--primary-teal)!important}@keyframes pattern-float{0%{transform:translate(0) translateY(0)}25%{transform:translate(-10px) translateY(-10px)}50%{transform:translate(10px) translateY(-20px)}75%{transform:translate(-5px) translateY(-10px)}to{transform:translate(0) translateY(0)}}.container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width: 768px){.container{padding:0 15px}}:root{--blog-bg-primary: #ffffff;--blog-bg-secondary: #f8fafc;--blog-bg-tertiary: #f1f5f9;--blog-text-primary: #1e293b;--blog-text-secondary: #64748b;--blog-text-tertiary: #94a3b8;--blog-border: #e2e8f0;--blog-border-light: #f1f5f9;--blog-accent: #1dd1a1;--blog-accent-hover: #1abc9c;--blog-accent-secondary: #20e3b2;--blog-green-gradient: linear-gradient(135deg, #1dd1a1 0%, #20e3b2 50%, #1abc9c 100%);--blog-card-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--blog-card-shadow-hover: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}[data-theme=dark]{--blog-bg-primary: #0f172a;--blog-bg-secondary: #1e293b;--blog-bg-tertiary: #334155;--blog-text-primary: #f8fafc;--blog-text-secondary: #cbd5e1;--blog-text-tertiary: #94a3b8;--blog-border: #334155;--blog-border-light: #475569;--blog-accent: #20e3b2;--blog-accent-hover: #1dd1a1;--blog-accent-secondary: #1abc9c;--blog-green-gradient: linear-gradient(135deg, #20e3b2 0%, #1dd1a1 50%, #1abc9c 100%);--blog-card-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(0, 0, 0, .2);--blog-card-shadow-hover: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3)}.blog-page{min-height:100vh;background-color:var(--blog-bg-primary);color:var(--blog-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:all .3s ease;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.blog-page .container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width: 768px){.blog-page .container{padding:0 2rem}}.blog-page .blog-hero{position:relative;padding:4rem 0 3rem;background:linear-gradient(135deg,var(--blog-bg-secondary) 0%,var(--blog-bg-tertiary) 100%);overflow:hidden}.blog-page .blog-hero .hero-background{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.1}.blog-page .blog-hero .hero-background .hero-pattern{width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,var(--blog-accent) 1px,transparent 1px),radial-gradient(circle at 80% 50%,var(--blog-accent) 1px,transparent 1px);background-size:50px 50px;animation:float 6s ease-in-out infinite}.blog-page .blog-hero .hero-content{position:relative;z-index:2;text-align:center}.blog-page .blog-hero .hero-content h1{font-size:3.5rem;font-weight:700;margin-bottom:1rem;color:var(--blog-text-primary)}@media (max-width: 768px){.blog-page .blog-hero .hero-content h1{font-size:2.5rem}}.blog-page .blog-hero .hero-content p{font-size:1.25rem;color:var(--blog-text-secondary);margin:0}.blog-page .blog-layout{display:grid;grid-template-columns:1fr 320px;gap:40px;padding:40px 0 60px;margin-top:-40px}@media (max-width: 1024px){.blog-page .blog-layout{grid-template-columns:1fr;gap:30px}}.blog-page .mobile-sidebar-toggle{display:none;align-items:center;gap:8px;background:var(--blog-accent);color:#fff;padding:12px 18px;border-radius:10px;border:none;margin-bottom:20px;cursor:pointer;font-weight:500;box-shadow:0 4px 15px #1dd1a14d;transition:all .3s ease}.blog-page .mobile-sidebar-toggle:hover{background:var(--blog-accent-hover);transform:translateY(-2px)}@media (max-width: 1024px){.blog-page .mobile-sidebar-toggle{display:flex}}.blog-page .blog-main .blog-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px;background:var(--blog-bg-primary);padding:20px;border-radius:10px;box-shadow:var(--blog-card-shadow);border:1px solid var(--blog-border)}@media (max-width: 768px){.blog-page .blog-main .blog-controls{flex-direction:column;align-items:stretch}}.blog-page .blog-main .blog-controls .search-bar{position:relative;flex:1;max-width:500px}.blog-page .blog-main .blog-controls .search-bar svg{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--blog-text-secondary)}.blog-page .blog-main .blog-controls .search-bar input{width:100%;padding:14px 45px 14px 15px;border:1px solid var(--blog-border);border-radius:10px;background:var(--blog-bg-primary);color:var(--blog-text-primary);font-size:.95rem;transition:all .3s ease}.blog-page .blog-main .blog-controls .search-bar input::placeholder{color:var(--blog-text-secondary)}.blog-page .blog-main .blog-controls .search-bar input:focus{outline:none;border-color:var(--blog-accent);box-shadow:0 0 0 3px #1dd1a11a}.blog-page .blog-main .blog-controls .sort-filter{display:flex;align-items:center;gap:10px}.blog-page .blog-main .blog-controls .sort-filter label{font-size:.9rem;color:var(--blog-text-secondary)}.blog-page .blog-main .blog-controls .sort-filter .sort-select{padding:12px 15px;border:1px solid var(--blog-border);border-radius:10px;background:var(--blog-bg-primary);color:var(--blog-text-primary);min-width:150px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.blog-page .blog-main .blog-controls .sort-filter .sort-select:focus{border-color:var(--blog-accent);outline:none}.blog-page .blog-main .blog-controls .sort-filter .sort-select option{background:var(--blog-bg-primary);color:var(--blog-text-primary)}.blog-page .blog-main .featured-section{margin-bottom:60px}.blog-page .blog-main .featured-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.blog-page .blog-main .featured-section .section-header h2{font-size:1.8rem;font-weight:600;color:var(--blog-text-primary);margin:0;position:relative;padding-right:15px}.blog-page .blog-main .featured-section .section-header h2:before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:5px;height:25px;background:var(--blog-accent);border-radius:3px}.blog-page .blog-main .featured-section .section-header .view-all{color:var(--blog-accent);font-weight:500;display:flex;align-items:center;gap:5px;padding:8px 15px;border-radius:20px;background:#1dd1a11a;transition:all .3s ease;border:none;cursor:pointer}.blog-page .blog-main .featured-section .section-header .view-all:hover{background:#1dd1a126;transform:translate(3px)}.blog-page .blog-main .featured-section .featured-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}@media (max-width: 768px){.blog-page .blog-main .featured-section .featured-grid{grid-template-columns:1fr}}.blog-page .blog-main .featured-section .featured-grid .featured-card{background:var(--blog-bg-primary);border:1px solid var(--blog-border);border-radius:10px;box-shadow:var(--blog-card-shadow);transition:all .3s ease;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;height:100%}.blog-page .blog-main .featured-section .featured-grid .featured-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000001a}.blog-page .blog-main .featured-section .featured-grid .featured-card:hover .card-image img{transform:scale(1.05)}.blog-page .blog-main .featured-section .featured-grid .featured-card .card-image{position:relative;height:200px;overflow:hidden}.blog-page .blog-main .featured-section .featured-grid .featured-card .card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.blog-page .blog-main .featured-section .featured-grid .featured-card .card-image .category-badge{position:absolute;top:15px;right:15px;background:var(--blog-accent);color:#fff;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;box-shadow:0 3px 10px #1dd1a14d}.blog-page .blog-main .featured-section .featured-grid .featured-card .card-content{padding:25px;display:flex;flex-direction:column;flex:1}.blog-page .blog-main .featured-section .featured-grid .featured-card .card-content h3{font-size:1.4rem;margin-bottom:12px;line-height:1.4;color:var(--blog-text-primary);transition:all .3s ease}.blog-page .blog-main .featured-section .featured-grid .featured-card .card-content h3:hover{color:var(--blog-accent)}.blog-page .blog-main .featured-section .featured-grid .featured-card .card-content p{color:var(--blog-text-secondary);margin-bottom:20px;line-height:1.6;flex:1}.blog-page .blog-main .featured-section .featured-grid .featured-card .card-content .card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.blog-page .blog-main .featured-section .featured-grid .featured-card .card-content .card-meta .author{display:flex;align-items:center;gap:10px}.blog-page .blog-main .featured-section .featured-grid .featured-card .card-content .card-meta .author img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--blog-border)}.blog-page .blog-main .featured-section .featured-grid .featured-card .card-content .card-meta .author span{font-weight:500;color:var(--blog-text-primary);font-size:.9rem}.blog-page .blog-main .featured-section .featured-grid .featured-card .card-content .card-meta .stats{display:flex;gap:15px}.blog-page .blog-main .featured-section .featured-grid .featured-card .card-content .card-meta .stats span{display:flex;align-items:center;gap:5px;color:var(--blog-text-secondary);font-size:.85rem}.blog-page .blog-main .articles-section .section-header{margin-bottom:25px}.blog-page .blog-main .articles-section .section-header h2{font-size:1.8rem;font-weight:600;color:var(--blog-text-primary);position:relative;padding-right:15px}.blog-page .blog-main .articles-section .section-header h2:before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:5px;height:25px;background:var(--blog-accent);border-radius:3px}.blog-page .blog-main .articles-section .articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px;margin-bottom:40px}@media (max-width: 768px){.blog-page .blog-main .articles-section .articles-grid{grid-template-columns:1fr}}.blog-page .blog-main .articles-section .results-count{text-align:center;color:var(--blog-text-secondary);font-size:.9rem;margin-top:20px;padding:15px;background:var(--blog-bg-secondary);border-radius:8px;border:1px solid var(--blog-border)}.blog-page .blog-main .articles-section .article-card{background:var(--blog-bg-primary);border:1px solid var(--blog-border);border-radius:10px;box-shadow:var(--blog-card-shadow);transition:all .3s ease;overflow:hidden;cursor:pointer}.blog-page .blog-main .articles-section .article-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000001a}.blog-page .blog-main .articles-section .article-card:hover .card-image img{transform:scale(1.05)}.blog-page .blog-main .articles-section .article-card:hover .read-more{color:var(--blog-accent-hover);transform:translate(3px)}.blog-page .blog-main .articles-section .article-card .card-image{height:180px;overflow:hidden;position:relative}.blog-page .blog-main .articles-section .article-card .card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.blog-page .blog-main .articles-section .article-card .card-image .category-badge{position:absolute;top:15px;right:15px;background:var(--blog-accent);color:#fff;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;box-shadow:0 3px 10px #1dd1a14d}.blog-page .blog-main .articles-section .article-card .card-content{padding:20px}.blog-page .blog-main .articles-section .article-card .card-content .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.blog-page .blog-main .articles-section .article-card .card-content .card-header .category{background:#1dd1a11a;color:var(--blog-accent);padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500}.blog-page .blog-main .articles-section .article-card .card-content .card-header .date{color:var(--blog-text-secondary);font-size:.85rem}.blog-page .blog-main .articles-section .article-card .card-content h3{font-size:1.25rem;margin-bottom:10px;line-height:1.4;color:var(--blog-text-primary);transition:all .3s ease}.blog-page .blog-main .articles-section .article-card .card-content h3:hover{color:var(--blog-accent)}.blog-page .blog-main .articles-section .article-card .card-content p{color:var(--blog-text-secondary);margin-bottom:15px;line-height:1.6}.blog-page .blog-main .articles-section .article-card .card-content .card-footer{display:flex;justify-content:space-between;align-items:center}.blog-page .blog-main .articles-section .article-card .card-content .card-footer .author{display:flex;align-items:center;gap:8px}.blog-page .blog-main .articles-section .article-card .card-content .card-footer .author img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--blog-border)}.blog-page .blog-main .articles-section .article-card .card-content .card-footer .author span{font-weight:500;color:var(--blog-text-primary);font-size:.85rem}.blog-page .blog-main .articles-section .article-card .card-content .card-footer .stats{display:flex;gap:12px}.blog-page .blog-main .articles-section .article-card .card-content .card-footer .stats span{display:flex;align-items:center;gap:4px;color:var(--blog-text-secondary);font-size:.8rem}.blog-page .blog-main .articles-section .article-card .card-content .read-more{display:inline-flex;align-items:center;gap:5px;color:var(--blog-accent);font-weight:500;margin-top:15px;transition:all .3s ease;background:none;border:none;cursor:pointer}.blog-page .blog-main .articles-section .article-card .card-content .read-more:hover{color:var(--blog-accent-hover);transform:translate(3px)}.blog-page .blog-main .pagination{display:flex;justify-content:center;align-items:center;margin-top:50px}.blog-page .blog-main .pagination .pagination-btn{display:flex;align-items:center;gap:5px;padding:10px 15px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#334155;font-weight:500;transition:all .3s ease;cursor:pointer}.blog-page .blog-main .pagination .pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#0ea5e9;color:#0ea5e9}.blog-page .blog-main .pagination .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.blog-page .blog-main .pagination .page-numbers{display:flex;gap:8px;margin:0 15px}.blog-page .blog-main .pagination .page-numbers .page-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#334155;font-weight:500;transition:all .3s ease;cursor:pointer}.blog-page .blog-main .pagination .page-numbers .page-btn:hover:not(.active){border-color:#0ea5e9;color:#0ea5e9}.blog-page .blog-main .pagination .page-numbers .page-btn.active{background:#0ea5e9;color:#fff;border-color:#0ea5e9}@media (max-width: 1024px){.blog-page .blog-sidebar{position:fixed;top:0;right:-320px;width:320px;height:100vh;background:var(--blog-bg-primary);z-index:1000;padding:20px;box-shadow:-5px 0 20px #0000004d;overflow-y:auto;transition:right .3s ease;border-left:1px solid var(--blog-border)}.blog-page .blog-sidebar.open{right:0}}.blog-page .blog-sidebar .close-sidebar{display:none;position:absolute;top:15px;left:15px;background:none;border:none;cursor:pointer;color:var(--blog-text-secondary);padding:5px;transition:all .3s ease}.blog-page .blog-sidebar .close-sidebar:hover{color:var(--blog-accent)}@media (max-width: 1024px){.blog-page .blog-sidebar .close-sidebar{display:block}}.blog-page .blog-sidebar .sidebar-widget{background:var(--blog-bg-primary);border:1px solid var(--blog-border);border-radius:10px;box-shadow:var(--blog-card-shadow);padding:25px;margin-bottom:30px;transition:all .3s ease}.blog-page .blog-sidebar .sidebar-widget h3{font-size:1.2rem;margin-bottom:20px;color:var(--blog-text-primary);position:relative;padding-right:15px}.blog-page .blog-sidebar .sidebar-widget h3:before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:4px;height:20px;background:var(--blog-accent);border-radius:2px}.blog-page .blog-sidebar .sidebar-widget .categories-list{list-style:none;padding:0;margin:0}.blog-page .blog-sidebar .sidebar-widget .categories-list li{margin-bottom:8px}.blog-page .blog-sidebar .sidebar-widget .categories-list li:last-child{margin-bottom:0}.blog-page .blog-sidebar .sidebar-widget .categories-list li .category-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 15px;background:var(--blog-bg-secondary);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:right;color:var(--blog-text-primary)}.blog-page .blog-sidebar .sidebar-widget .categories-list li .category-btn:hover{background:#1dd1a11a}.blog-page .blog-sidebar .sidebar-widget .categories-list li .category-btn.active{background:var(--blog-accent);color:#fff}.blog-page .blog-sidebar .sidebar-widget .categories-list li .category-btn.active .count{background:#fff3;color:#fff}.blog-page .blog-sidebar .sidebar-widget .categories-list li .category-btn .count{background:var(--blog-bg-primary);padding:3px 8px;border-radius:20px;font-size:.8rem;font-weight:500;color:var(--blog-text-secondary)}.blog-page .blog-sidebar .sidebar-widget .popular-list{list-style:none;padding:0;margin:0}.blog-page .blog-sidebar .sidebar-widget .popular-list .popular-item{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--blog-border)}.blog-page .blog-sidebar .sidebar-widget .popular-list .popular-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.blog-page .blog-sidebar .sidebar-widget .popular-list .popular-item button{display:block;width:100%;text-align:right;background:none;border:none;padding:0;cursor:pointer;transition:all .3s ease}.blog-page .blog-sidebar .sidebar-widget .popular-list .popular-item button:hover .title{color:var(--blog-accent)}.blog-page .blog-sidebar .sidebar-widget .popular-list .popular-item button .title{display:block;font-size:.95rem;font-weight:500;color:var(--blog-text-primary);margin-bottom:5px;line-height:1.4;transition:all .3s ease}.blog-page .blog-sidebar .sidebar-widget .popular-list .popular-item button .views{display:flex;align-items:center;gap:5px;color:var(--blog-text-secondary);font-size:.8rem;justify-content:flex-end}.blog-page .blog-sidebar .sidebar-widget .popular-list .popular-item button .views svg{color:var(--blog-accent)}.blog-page .blog-post-page{background:var(--blog-bg-primary);min-height:100vh;padding:0}.blog-page .blog-post-page .blog-header-section{background:var(--blog-green-gradient);padding:3rem 0 2rem;text-align:center;position:relative;overflow:hidden}.blog-page .blog-post-page .blog-header-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'%3E%3Cpath d='m0 40 40-40h-40zm40 0v-40h-40z'/%3E%3C/g%3E%3C/svg%3E") repeat;opacity:.1}.blog-page .blog-post-page .blog-header-section .header-content{position:relative;z-index:2}.blog-page .blog-post-page .blog-header-section .header-content .main-title{font-size:2.8rem;font-weight:700;color:#fff;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}@media (max-width: 768px){.blog-page .blog-post-page .blog-header-section .header-content .main-title{font-size:2rem}}@media (max-width: 480px){.blog-page .blog-post-page .blog-header-section .header-content .main-title{font-size:1.6rem}}.blog-page .blog-post-page .blog-header-section .header-content .main-subtitle{font-size:1.2rem;color:#ffffffe6;margin:0;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.1)}@media (max-width: 768px){.blog-page .blog-post-page .blog-header-section .header-content .main-subtitle{font-size:1rem}}.blog-page .blog-post-page .back-button{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;background:var(--blog-bg-primary);border:2px solid var(--blog-accent);border-radius:12px;color:var(--blog-accent);font-weight:600;font-size:1rem;margin:2rem 0;transition:all .3s ease;cursor:pointer;box-shadow:var(--blog-card-shadow);text-decoration:none}.blog-page .blog-post-page .back-button svg{transition:all .3s ease}.blog-page .blog-post-page .back-button:hover{background:var(--blog-accent);border-color:var(--blog-accent);color:#fff;transform:translate(-8px) translateY(-2px);box-shadow:0 8px 25px #1dd1a14d}.blog-page .blog-post-page .back-button:hover svg{transform:translate(-3px)}.blog-page .blog-post-page .back-button:active{transform:translate(-6px) translateY(0);box-shadow:0 4px 15px #1dd1a133}.blog-page .blog-post-page .blog-post{background:var(--blog-bg-primary);border-radius:16px;box-shadow:var(--blog-card-shadow-hover);border:1px solid var(--blog-border);overflow:hidden;margin:0 1rem 3rem;transition:all .3s ease}@media (min-width: 768px){.blog-page .blog-post-page .blog-post{margin:0 2rem 4rem}}.blog-page .blog-post-page .blog-post:hover{box-shadow:0 10px 40px #0000001a;transform:translateY(-2px)}.blog-page .blog-post-page .blog-post .post-header{position:relative}.blog-page .blog-post-page .blog-post .post-header .post-image{width:100%;height:400px;object-fit:cover}@media (max-width: 768px){.blog-page .blog-post-page .blog-post .post-header .post-image{height:250px}}.blog-page .blog-post-page .blog-post .post-header .post-meta{position:relative;margin-top:-80px;padding:30px;background:var(--blog-bg-primary);border-radius:15px 15px 0 0}.blog-page .blog-post-page .blog-post .post-header .post-meta .category{display:inline-block;background:var(--blog-accent);color:#fff;padding:8px 16px;border-radius:25px;font-size:.85rem;font-weight:600;margin-bottom:15px;box-shadow:0 2px 8px #1dd1a14d}.blog-page .blog-post-page .blog-post .post-header .post-meta h1{font-size:2.5rem;margin-bottom:20px;color:var(--blog-text-primary);line-height:1.3}@media (max-width: 768px){.blog-page .blog-post-page .blog-post .post-header .post-meta h1{font-size:1.8rem}}.blog-page .blog-post-page .blog-post .post-header .post-meta .author-info{display:flex;align-items:center;gap:15px}.blog-page .blog-post-page .blog-post .post-header .post-meta .author-info img{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--blog-border)}.blog-page .blog-post-page .blog-post .post-header .post-meta .author-info .author-name{display:block;font-weight:600;color:var(--blog-text-primary);margin-bottom:5px}.blog-page .blog-post-page .blog-post .post-header .post-meta .author-info .post-stats{display:flex;gap:15px}.blog-page .blog-post-page .blog-post .post-header .post-meta .author-info .post-stats span{display:flex;align-items:center;gap:5px;color:var(--blog-text-secondary);font-size:.85rem}.blog-page .blog-post-page .blog-post .post-content{padding:30px;line-height:1.8;color:var(--blog-text-primary)}.blog-page .blog-post-page .blog-post .post-content h2{font-size:1.8rem;margin:30px 0 20px;color:var(--blog-text-primary)}.blog-page .blog-post-page .blog-post .post-content h3{font-size:1.5rem;margin:25px 0 15px;color:var(--blog-text-primary)}.blog-page .blog-post-page .blog-post .post-content p{margin-bottom:20px}.blog-page .blog-post-page .blog-post .post-content ul,.blog-page .blog-post-page .blog-post .post-content ol{margin-bottom:20px;padding-right:20px}.blog-page .blog-post-page .blog-post .post-content ul li,.blog-page .blog-post-page .blog-post .post-content ol li{margin-bottom:10px}.blog-page .blog-post-page .blog-post .post-content img{max-width:100%;border-radius:8px;margin:20px 0}.blog-page .blog-post-page .blog-post .post-content blockquote{border-right:4px solid var(--blog-accent);padding:15px 20px;margin:20px 0;background:var(--blog-bg-secondary);border-radius:0 8px 8px 0;font-style:italic;color:var(--blog-text-primary)}.blog-page .blog-post-page .blog-post .post-content code{background:#f1f5f9;padding:2px 5px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}.blog-page .blog-post-page .blog-post .post-content pre{background:#1e293b;color:#f8fafc;padding:15px;border-radius:8px;overflow-x:auto;margin:20px 0}.blog-page .blog-post-page .blog-post .post-content pre code{background:transparent;color:inherit;padding:0}.blog-page .blog-post-page .blog-post .post-footer{padding:20px 30px;border-top:1px solid var(--blog-border);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px}@media (max-width: 768px){.blog-page .blog-post-page .blog-post .post-footer{flex-direction:column;align-items:flex-start}}.blog-page .blog-post-page .blog-post .post-footer .post-actions{display:flex;gap:15px}.blog-page .blog-post-page .blog-post .post-footer .post-actions .action-btn{display:flex;align-items:center;gap:8px;background:var(--blog-bg-secondary);border:1px solid var(--blog-border);padding:12px 18px;border-radius:10px;color:var(--blog-text-primary);font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:var(--blog-card-shadow)}.blog-page .blog-post-page .blog-post .post-footer .post-actions .action-btn:hover{background:var(--blog-accent);border-color:var(--blog-accent);color:#fff;transform:translateY(-2px);box-shadow:var(--blog-card-shadow-hover)}.blog-page .blog-post-page .blog-post .post-footer .post-actions .action-btn:hover svg{color:#fff}.blog-page .blog-post-page .blog-post .post-footer .post-actions .action-btn.liked,.blog-page .blog-post-page .blog-post .post-footer .post-actions .action-btn.bookmarked{background:var(--blog-accent);border-color:var(--blog-accent);color:#fff}.blog-page .blog-post-page .blog-post .post-footer .post-actions .action-btn.liked svg,.blog-page .blog-post-page .blog-post .post-footer .post-actions .action-btn.bookmarked svg{color:#fff}.blog-page .blog-post-page .blog-post .post-footer .post-actions .action-btn svg{color:var(--blog-text-secondary);transition:all .3s ease}.blog-page .blog-post-page .blog-post .post-footer .post-tags{display:flex;flex-wrap:wrap;gap:10px}.blog-page .blog-post-page .blog-post .post-footer .post-tags .tag{display:flex;align-items:center;gap:5px;background:var(--blog-bg-secondary);color:var(--blog-text-secondary);padding:8px 15px;border-radius:20px;font-size:.85rem;transition:all .3s ease}.blog-page .blog-post-page .blog-post .post-footer .post-tags .tag:hover{background:#1dd1a11a;color:var(--blog-accent)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.cheatsheets-page{min-height:100vh;background:var(--bg-color);transition:all .3s ease}.cheatsheets-page .cheatsheets-hero{position:relative;padding:120px 0 160px;overflow:hidden}.cheatsheets-page .cheatsheets-hero .hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.cheatsheets-page .cheatsheets-hero .hero-background .gradient-overlay{background:linear-gradient(135deg,#1dd1a1,#20e3b2,#1abc9c,#17a2b8,#1dd1a1);position:absolute;top:0;left:0;right:0;bottom:0;opacity:.95}.cheatsheets-page .cheatsheets-hero .hero-background .hero-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.05) 0%,transparent 50%);animation:float 6s ease-in-out infinite}.cheatsheets-page .cheatsheets-hero .hero-background:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100px;background:var(--bg-color);clip-path:polygon(0 60%,100% 0,100% 100%,0% 100%)}.cheatsheets-page .cheatsheets-hero .hero-content{text-align:center;color:#fff;position:relative;z-index:2}.cheatsheets-page .cheatsheets-hero .hero-content .hero-icon{background:#fff3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:50%;width:120px;height:120px;display:flex;align-items:center;justify-content:center;margin:0 auto 40px;border:3px solid rgba(255,255,255,.3);box-shadow:0 15px 40px #0000001a;transition:transform .3s ease}.cheatsheets-page .cheatsheets-hero .hero-content .hero-icon:hover{transform:scale(1.05)}.cheatsheets-page .cheatsheets-hero .hero-content h1{font-size:3.5rem;margin-bottom:25px;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.1);letter-spacing:-.02em}@media (max-width: 768px){.cheatsheets-page .cheatsheets-hero .hero-content h1{font-size:2.5rem}}.cheatsheets-page .cheatsheets-hero .hero-content p{font-size:1.4rem;margin-bottom:50px;opacity:.95;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.6;font-weight:400}.cheatsheets-page .cheatsheets-hero .hero-content .hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:30px;max-width:800px;margin:0 auto}@media (max-width: 768px){.cheatsheets-page .cheatsheets-hero .hero-content .hero-stats{grid-template-columns:repeat(2,1fr);gap:20px}}.cheatsheets-page .cheatsheets-hero .hero-content .hero-stats .stat{background:#ffffff26;padding:25px 20px;border-radius:16px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:15px;box-shadow:0 10px 30px #0000001a;transition:all .3s ease}.cheatsheets-page .cheatsheets-hero .hero-content .hero-stats .stat:hover{transform:translateY(-5px);background:#fff3}.cheatsheets-page .cheatsheets-hero .hero-content .hero-stats .stat svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));flex-shrink:0}.cheatsheets-page .cheatsheets-hero .hero-content .hero-stats .stat div{text-align:left}.cheatsheets-page .cheatsheets-hero .hero-content .hero-stats .stat div .number{display:block;font-size:1.8rem;font-weight:700;line-height:1;margin-bottom:4px}.cheatsheets-page .cheatsheets-hero .hero-content .hero-stats .stat div .label{font-size:.9rem;opacity:.9;font-weight:500}.cheatsheets-page .cheatsheets-controls{margin-top:-80px;margin-bottom:80px;background:var(--card-bg);border-radius:24px;box-shadow:0 25px 60px #00000014;overflow:hidden;position:relative;z-index:10;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.dark .cheatsheets-page .cheatsheets-controls{background:var(--card-bg);border-color:#ffffff1a;box-shadow:0 25px 60px #0000004d}.cheatsheets-page .cheatsheets-controls .controls-header{padding:40px 50px 35px;border-bottom:1px solid var(--border-color)}@media (max-width: 768px){.cheatsheets-page .cheatsheets-controls .controls-header{padding:30px 25px}}.cheatsheets-page .cheatsheets-controls .controls-header .search-section{margin-bottom:30px}.cheatsheets-page .cheatsheets-controls .controls-header .search-section .search-bar{position:relative;margin-bottom:25px;max-width:100%}.cheatsheets-page .cheatsheets-controls .controls-header .search-section .search-bar svg{position:absolute;right:25px;top:50%;transform:translateY(-50%);color:var(--text-secondary);z-index:2;transition:color .3s ease}.cheatsheets-page .cheatsheets-controls .controls-header .search-section .search-bar input{width:100%;padding:22px 65px 22px 25px;border:2px solid var(--border-color);border-radius:16px;background:var(--bg-color);font-size:1.1rem;transition:all .3s ease;font-family:inherit;font-weight:400;line-height:1.5;box-shadow:0 4px 12px #00000005}.cheatsheets-page .cheatsheets-controls .controls-header .search-section .search-bar input:focus{outline:none;border-color:#1dd1a1;box-shadow:0 0 0 4px #1dd1a114,0 8px 25px #0000000f;background:var(--card-bg);transform:translateY(-1px)}.cheatsheets-page .cheatsheets-controls .controls-header .search-section .search-bar input:focus+svg{color:#1dd1a1}.cheatsheets-page .cheatsheets-controls .controls-header .search-section .search-bar input:hover{border-color:#1dd1a14d;box-shadow:0 6px 20px #0000000a}.cheatsheets-page .cheatsheets-controls .controls-header .search-section .search-bar input::placeholder{color:var(--text-secondary);opacity:.6;font-weight:400}.cheatsheets-page .cheatsheets-controls .controls-header .search-section .search-bar .clear-search{position:absolute;left:20px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px #ef44444d}.cheatsheets-page .cheatsheets-controls .controls-header .search-section .search-bar .clear-search:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-50%) scale(1.05);box-shadow:0 6px 20px #ef444466}.cheatsheets-page .cheatsheets-controls .controls-header .search-section .filter-buttons{display:flex;gap:20px;flex-wrap:wrap;align-items:center;justify-content:space-between}@media (max-width: 768px){.cheatsheets-page .cheatsheets-controls .controls-header .search-section .filter-buttons{flex-direction:column;align-items:stretch;gap:15px}}.cheatsheets-page .cheatsheets-controls .controls-header .search-section .filter-buttons .filters-group{display:flex;gap:15px;flex-wrap:wrap;align-items:center}@media (max-width: 768px){.cheatsheets-page .cheatsheets-controls .controls-header .search-section .filter-buttons .filters-group{justify-content:space-between}}.cheatsheets-page .cheatsheets-controls .controls-header .search-section .filter-buttons .filter-btn{display:flex;align-items:center;gap:12px;padding:14px 24px;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-color);cursor:pointer;transition:all .3s ease;font-weight:600;white-space:nowrap;font-size:.95rem;box-shadow:0 2px 8px #00000005}.cheatsheets-page .cheatsheets-controls .controls-header .search-section .filter-buttons .filter-btn:hover{background:var(--card-bg);border-color:#1dd1a1;transform:translateY(-2px);box-shadow:0 8px 25px #1dd1a11a}.cheatsheets-page .cheatsheets-controls .controls-header .search-section .filter-buttons .filter-btn.active{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;color:#fff;transform:translateY(-1px);box-shadow:0 8px 25px #ef44444d}.cheatsheets-page .cheatsheets-controls .controls-header .search-section .filter-buttons .filter-btn.active svg{fill:#fff}.cheatsheets-page .cheatsheets-controls .controls-header .search-section .filter-buttons .sort-select{padding:14px 20px;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-color);cursor:pointer;transition:all .3s ease;font-weight:600;min-width:200px;font-size:.95rem;box-shadow:0 2px 8px #00000005}.cheatsheets-page .cheatsheets-controls .controls-header .search-section .filter-buttons .sort-select:focus{outline:none;border-color:#1dd1a1;box-shadow:0 0 0 4px #1dd1a114,0 8px 25px #0000000f;transform:translateY(-1px)}.cheatsheets-page .cheatsheets-controls .controls-header .search-section .filter-buttons .sort-select:hover{border-color:#1dd1a14d;transform:translateY(-1px);box-shadow:0 6px 20px #0000000a}.cheatsheets-page .cheatsheets-controls .view-controls{position:absolute;top:30px;left:30px}.cheatsheets-page .cheatsheets-controls .view-controls .view-toggle{display:flex;border:2px solid var(--border-color);border-radius:12px;overflow:hidden;background:var(--bg-color)}.cheatsheets-page .cheatsheets-controls .view-controls .view-toggle .view-btn{padding:14px 16px;background:transparent;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.cheatsheets-page .cheatsheets-controls .view-controls .view-toggle .view-btn.active{background:#1dd1a1;color:#fff}.cheatsheets-page .cheatsheets-controls .view-controls .view-toggle .view-btn:hover:not(.active){background:var(--card-bg)}.cheatsheets-page .cheatsheets-controls .categories-section{padding:25px 30px}.cheatsheets-page .cheatsheets-controls .categories-section .categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}@media (max-width: 768px){.cheatsheets-page .cheatsheets-controls .categories-section .categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.cheatsheets-page .cheatsheets-controls .categories-section .categories-grid{grid-template-columns:1fr}}.cheatsheets-page .cheatsheets-controls .categories-section .categories-grid .category-card{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;border:2px solid var(--border-color);background:var(--bg-color);cursor:pointer;transition:all .3s ease}.cheatsheets-page .cheatsheets-controls .categories-section .categories-grid .category-card:hover{background:var(--card-bg);border-color:#1dd1a1;transform:translateY(-2px);box-shadow:0 8px 25px #1dd1a11a}.cheatsheets-page .cheatsheets-controls .categories-section .categories-grid .category-card.active{background:linear-gradient(135deg,#1dd1a1,#1abc9c);border-color:#1dd1a1;color:#fff}.cheatsheets-page .cheatsheets-controls .categories-section .categories-grid .category-card.active .category-info .category-count{color:#ffffffe6}.cheatsheets-page .cheatsheets-controls .categories-section .categories-grid .category-card svg{flex-shrink:0}.cheatsheets-page .cheatsheets-controls .categories-section .categories-grid .category-card .category-info .category-name{display:block;font-weight:600;font-size:1rem;line-height:1.2}.cheatsheets-page .cheatsheets-controls .categories-section .categories-grid .category-card .category-info .category-count{display:block;font-size:.85rem;color:var(--text-secondary);margin-top:2px}.cheatsheets-page .results-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;padding:25px 0;border-bottom:2px solid var(--border-color)}@media (max-width: 768px){.cheatsheets-page .results-summary{flex-direction:column;gap:20px;align-items:flex-start;padding:20px 0}}.cheatsheets-page .results-summary h3{font-size:1.6rem;font-weight:700;color:var(--text-color);margin:0}@media (max-width: 768px){.cheatsheets-page .results-summary h3{font-size:1.4rem}}.cheatsheets-page .results-summary .clear-filters{padding:12px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #ef44444d}.cheatsheets-page .results-summary .clear-filters:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.cheatsheets-page .section-header{text-align:center;margin-bottom:50px}.cheatsheets-page .section-header h2{font-size:2.5rem;margin-bottom:15px;background:linear-gradient(135deg,#1dd1a1,#1abc9c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;line-height:1.2}.cheatsheets-page .section-header p{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.cheatsheets-page .featured-section{margin-bottom:100px}.cheatsheets-page .featured-section .featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:25px;align-items:start}@media (max-width: 1200px){.cheatsheets-page .featured-section .featured-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:20px}}@media (max-width: 768px){.cheatsheets-page .featured-section .featured-grid{grid-template-columns:1fr;gap:20px}}.cheatsheets-page .featured-section .featured-grid .featured-card{background:var(--card-bg);border-radius:20px;overflow:hidden;box-shadow:0 15px 40px #00000014;transition:all .4s ease;border:1px solid var(--border-color);position:relative}.dark .cheatsheets-page .featured-section .featured-grid .featured-card{box-shadow:0 15px 40px #0000004d}.cheatsheets-page .featured-section .featured-grid .featured-card:hover{transform:translateY(-8px);box-shadow:0 25px 60px #1dd1a126}.cheatsheets-page .featured-section .featured-grid .featured-card .card-image{position:relative;height:200px;overflow:hidden}.cheatsheets-page .featured-section .featured-grid .featured-card .card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.cheatsheets-page .featured-section .featured-grid .featured-card .card-image:hover img{transform:scale(1.08)}.cheatsheets-page .featured-section .featured-grid .featured-card .card-image .card-overlay{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:flex-start}.cheatsheets-page .featured-section .featured-grid .featured-card .card-image .card-overlay .featured-badge{background:linear-gradient(135deg,#1dd1a1,#1abc9c);color:#fff;padding:8px 16px;border-radius:25px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:6px;box-shadow:0 4px 15px #1dd1a14d}.cheatsheets-page .featured-section .featured-grid .featured-card .card-image .card-overlay .favorite-btn{background:#fffffff2;border:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px #0000001a;transition:all .3s ease}.cheatsheets-page .featured-section .featured-grid .featured-card .card-image .card-overlay .favorite-btn.active{background:#ef4444;color:#fff}.cheatsheets-page .featured-section .featured-grid .featured-card .card-image .card-overlay .favorite-btn.active svg{fill:#fff}.cheatsheets-page .featured-section .featured-grid .featured-card .card-image .card-overlay .favorite-btn:hover:not(.active){background:#fff;transform:scale(1.1)}.cheatsheets-page .featured-section .featured-grid .featured-card .card-content{padding:24px}.cheatsheets-page .featured-section .featured-grid .featured-card .card-content .card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.cheatsheets-page .featured-section .featured-grid .featured-card .card-content .card-meta .difficulty{font-weight:600;font-size:.8rem;padding:4px 10px;border-radius:16px;background:var(--bg-color);border:1px solid var(--border-color)}.cheatsheets-page .featured-section .featured-grid .featured-card .card-content .card-meta .pages{color:var(--text-secondary);font-size:.8rem}.cheatsheets-page .featured-section .featured-grid .featured-card .card-content h3{font-size:1.25rem;margin-bottom:10px;color:var(--text-color);font-weight:700;line-height:1.3}.cheatsheets-page .featured-section .featured-grid .featured-card .card-content p{color:var(--text-secondary);margin-bottom:16px;line-height:1.5;font-size:.9rem}.cheatsheets-page .featured-section .featured-grid .featured-card .card-content .card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.cheatsheets-page .featured-section .featured-grid .featured-card .card-content .card-tags .tag{background:var(--bg-color);padding:4px 10px;border-radius:16px;font-size:.7rem;color:var(--text-secondary);border:1px solid var(--border-color);font-weight:500}.cheatsheets-page .featured-section .featured-grid .featured-card .card-content .card-tags .more-tags{background:#1dd1a1;color:#fff;padding:4px 10px;border-radius:16px;font-size:.7rem;font-weight:600}.cheatsheets-page .featured-section .featured-grid .featured-card .card-content .card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.cheatsheets-page .featured-section .featured-grid .featured-card .card-content .card-stats .stat-item{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--text-secondary)}.cheatsheets-page .featured-section .featured-grid .featured-card .card-content .card-stats .stat-item svg{color:#1dd1a1;flex-shrink:0;width:14px;height:14px}.cheatsheets-page .featured-section .featured-grid .featured-card .card-content .download-btn{width:100%;padding:12px;background:linear-gradient(135deg,#1dd1a1,#1abc9c);color:#fff;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:.9rem;transition:all .3s ease}.cheatsheets-page .featured-section .featured-grid .featured-card .card-content .download-btn svg{width:16px;height:16px}.cheatsheets-page .featured-section .featured-grid .featured-card .card-content .download-btn:hover{background:linear-gradient(135deg,#1abc9c,#17a2b8);transform:translateY(-2px);box-shadow:0 6px 20px #1dd1a14d}.cheatsheets-page .cheatsheets-section .no-results{text-align:center;padding:80px 20px}.cheatsheets-page .cheatsheets-section .no-results .no-results-icon{margin-bottom:30px;color:var(--text-secondary);opacity:.5}.cheatsheets-page .cheatsheets-section .no-results h3{font-size:1.8rem;margin-bottom:15px;color:var(--text-color);font-weight:600}.cheatsheets-page .cheatsheets-section .no-results p{color:var(--text-secondary);margin-bottom:30px;font-size:1.1rem;line-height:1.6;max-width:500px;margin-left:auto;margin-right:auto}.cheatsheets-page .cheatsheets-section .no-results .clear-filters-btn{padding:12px 24px;background:#1dd1a1;color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease}.cheatsheets-page .cheatsheets-section .no-results .clear-filters-btn:hover{background:#1abc9c;transform:translateY(-2px)}.cheatsheets-page .cheatsheets-section .cheatsheets-grid{display:grid;gap:25px;align-items:start}.cheatsheets-page .cheatsheets-section .cheatsheets-grid.grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}@media (max-width: 1400px){.cheatsheets-page .cheatsheets-section .cheatsheets-grid.grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}@media (max-width: 1200px){.cheatsheets-page .cheatsheets-section .cheatsheets-grid.grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}}@media (max-width: 768px){.cheatsheets-page .cheatsheets-section .cheatsheets-grid.grid{grid-template-columns:1fr;gap:20px}}.cheatsheets-page .cheatsheets-section .cheatsheets-grid.list{grid-template-columns:1fr;gap:25px}.cheatsheets-page .cheatsheets-section .cheatsheets-grid.list .cheatsheet-card{display:grid;grid-template-columns:320px 1fr;gap:0;align-items:stretch}@media (max-width: 768px){.cheatsheets-page .cheatsheets-section .cheatsheets-grid.list .cheatsheet-card{grid-template-columns:1fr}}.cheatsheets-page .cheatsheets-section .cheatsheets-grid.list .cheatsheet-card .card-image{height:220px}@media (max-width: 768px){.cheatsheets-page .cheatsheets-section .cheatsheets-grid.list .cheatsheet-card .card-image{height:200px}}.cheatsheets-page .cheatsheets-section .cheatsheets-grid.list .cheatsheet-card .card-content{padding:35px;display:flex;flex-direction:column;justify-content:space-between}@media (max-width: 768px){.cheatsheets-page .cheatsheets-section .cheatsheets-grid.list .cheatsheet-card .card-content{padding:25px}}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card{background:var(--card-bg);border-radius:16px;overflow:hidden;box-shadow:0 8px 25px #0000000f;transition:all .4s ease;border:1px solid var(--border-color)}.dark .cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card{box-shadow:0 8px 25px #0003}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000001f}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-image{position:relative;height:180px;overflow:hidden}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-image:hover img{transform:scale(1.05)}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-image .card-badges{position:absolute;top:15px;left:15px;display:flex;gap:8px;flex-wrap:wrap}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-image .card-badges .featured-badge,.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-image .card-badges .difficulty-badge{padding:5px 12px;border-radius:20px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px #0000001a}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-image .card-badges .featured-badge{background:linear-gradient(135deg,#1dd1a1,#1abc9c);color:#fff}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-image .card-badges .difficulty-badge{color:#fff}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-image .favorite-btn{position:absolute;top:15px;right:15px;background:#fffffff2;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px #0000001a;transition:all .3s ease}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-image .favorite-btn.active{background:#ef4444;color:#fff}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-image .favorite-btn.active svg{fill:#fff}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-image .favorite-btn:hover:not(.active){background:#fff;transform:scale(1.1)}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-content{padding:24px;display:flex;flex-direction:column;height:100%}@media (max-width: 768px){.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-content{padding:20px}}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-content .card-header{margin-bottom:16px}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-content .card-header .category-info{display:flex;justify-content:space-between;align-items:center}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-content .card-header .category-info .category{color:#1dd1a1;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-content .card-header .category-info .date{color:var(--text-secondary);font-size:.8rem;display:flex;align-items:center;gap:4px;font-weight:500}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-content h3{font-size:1.25rem;margin-bottom:10px;color:var(--text-color);font-weight:700;line-height:1.3;flex-shrink:0}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-content p{color:var(--text-secondary);margin-bottom:16px;line-height:1.5;font-size:.9rem;flex-grow:1}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-content .card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-content .card-tags .tag{background:var(--bg-color);padding:4px 10px;border-radius:16px;font-size:.7rem;color:var(--text-secondary);border:1px solid var(--border-color);display:flex;align-items:center;gap:3px;font-weight:600;transition:all .2s ease}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-content .card-tags .tag:hover{background:#1dd1a11a;border-color:#1dd1a1;color:#1dd1a1}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-content .card-details{margin-bottom:18px}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-content .card-details .detail-row{display:flex;justify-content:space-between;margin-bottom:8px}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-content .card-details .detail-row:last-child{margin-bottom:0}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-content .card-details .detail-row .detail-item{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-secondary);font-weight:500}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-content .card-details .detail-row .detail-item svg{color:#1dd1a1;flex-shrink:0;width:14px;height:14px}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-content .card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-top:1px solid var(--border-color);margin-top:auto}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-content .card-footer .file-info{display:flex;gap:8px}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-content .card-footer .file-info .file-size,.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-content .card-footer .file-info .file-format{font-size:.75rem;color:var(--text-secondary);padding:4px 10px;background:var(--bg-color);border-radius:16px;border:1px solid var(--border-color);font-weight:600}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-content .card-footer .file-info .file-format{background:linear-gradient(135deg,#1dd1a1,#1abc9c);color:#fff;border-color:#1dd1a1}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-content .card-footer .download-btn{padding:10px 20px;background:linear-gradient(135deg,#1dd1a1,#1abc9c);color:#fff;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:6px;font-weight:700;font-size:.8rem;transition:all .3s ease;box-shadow:0 3px 10px #1dd1a14d}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-content .card-footer .download-btn svg{width:14px;height:14px}.cheatsheets-page .cheatsheets-section .cheatsheets-grid .cheatsheet-card .card-content .card-footer .download-btn:hover{background:linear-gradient(135deg,#1abc9c,#17a2b8);transform:translateY(-2px);box-shadow:0 6px 20px #1dd1a166}.dark .cheatsheets-page .cheatsheets-controls .controls-header .search-section .search-bar input:focus{background:#ffffff0d}.dark .cheatsheets-page .featured-card:hover,.dark .cheatsheets-page .cheatsheet-card:hover{box-shadow:0 25px 60px #1dd1a133}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(10px,-10px) rotate(1deg)}66%{transform:translate(-5px,5px) rotate(-1deg)}}@media (max-width: 1200px){.cheatsheets-page .container{padding:0 30px}}@media (max-width: 768px){.cheatsheets-page .container{padding:0 20px}.cheatsheets-page .cheatsheets-hero{padding:80px 0 120px}.cheatsheets-page .cheatsheets-hero .hero-content .hero-icon{width:100px;height:100px;margin-bottom:30px}.cheatsheets-page .cheatsheets-hero .hero-content h1{font-size:2.2rem;margin-bottom:20px}.cheatsheets-page .cheatsheets-hero .hero-content p{font-size:1.2rem;margin-bottom:40px}.cheatsheets-page .cheatsheets-hero .hero-content .hero-stats .stat{padding:20px 15px;gap:12px}.cheatsheets-page .cheatsheets-hero .hero-content .hero-stats .stat div .number{font-size:1.6rem}.cheatsheets-page .cheatsheets-hero .hero-content .hero-stats .stat div .label{font-size:.85rem}.cheatsheets-page .cheatsheets-controls{margin-top:-50px;margin-bottom:60px;border-radius:20px}.cheatsheets-page .cheatsheets-controls .view-controls{position:relative;top:auto;left:auto;margin-bottom:20px}.cheatsheets-page .cheatsheets-controls .view-controls .view-toggle{width:100%}.cheatsheets-page .cheatsheets-controls .view-controls .view-toggle .view-btn{flex:1;padding:12px}.cheatsheets-page .cheatsheets-controls .categories-section{padding:20px 25px}.cheatsheets-page .cheatsheets-controls .categories-section .categories-grid{gap:12px}.cheatsheets-page .cheatsheets-controls .categories-section .categories-grid .category-card{padding:14px 18px}.cheatsheets-page .cheatsheets-controls .categories-section .categories-grid .category-card .category-info .category-name{font-size:.9rem}.cheatsheets-page .cheatsheets-controls .categories-section .categories-grid .category-card .category-info .category-count{font-size:.8rem}.cheatsheets-page .section-header{margin-bottom:40px}.cheatsheets-page .section-header h2{font-size:2rem;margin-bottom:12px}.cheatsheets-page .section-header p{font-size:1.1rem}.cheatsheets-page .featured-section{margin-bottom:70px}.cheatsheets-page .featured-section .featured-card .card-content{padding:25px}.cheatsheets-page .featured-section .featured-card .card-content .card-meta{margin-bottom:15px}.cheatsheets-page .featured-section .featured-card .card-content h3{font-size:1.25rem;margin-bottom:10px}.cheatsheets-page .featured-section .featured-card .card-content .card-tags{margin-bottom:20px;gap:6px}.cheatsheets-page .featured-section .featured-card .card-content .card-stats{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.cheatsheets-page .featured-section .featured-card .card-content .card-stats .stat-item{font-size:.85rem}}@media (max-width: 480px){.cheatsheets-page .container{padding:0 15px}.cheatsheets-page .cheatsheets-hero .hero-content h1{font-size:1.8rem}.cheatsheets-page .cheatsheets-hero .hero-content p{font-size:1.1rem}.cheatsheets-page .cheatsheets-hero .hero-content .hero-stats{grid-template-columns:1fr}.cheatsheets-page .cheatsheets-hero .hero-content .hero-stats .stat{padding:20px;flex-direction:column;text-align:center;gap:10px}.cheatsheets-page .cheatsheets-hero .hero-content .hero-stats .stat div{text-align:center}}:root{--primary-teal: #1dd1a1;--medium-teal: #20e3b2;--light-teal: #1abc9c;--text-color: #2d3748;--text-secondary: #718096;--bg-color: #f7fafc;--card-bg: #ffffff;--border-color: #e2e8f0;--light-bg: #f7fafc}[data-theme=dark]{--text-color: #e2e8f0;--text-secondary: #a0aec0;--bg-color: #1a202c;--card-bg: #2d3748;--border-color: #4a5568;--light-bg: #2d3748}.qa-page{min-height:100vh;background:var(--bg-color);font-family:Cairo,sans-serif}.qa-page .container{max-width:1400px;margin:0 auto;padding:0 24px}.qa-page .qa-hero{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:80px}.qa-page .hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.qa-page .gradient-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1dd1a1e6,#0ea5e9cc,#8b5cf6b3);z-index:2}.qa-page .pattern-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;z-index:3}.qa-page .hero-content{position:relative;z-index:4;text-align:center;color:#fff;max-width:800px;padding:0 24px}.qa-page .hero-icon{display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;background:#fff3;border-radius:50%;margin-bottom:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0003}.qa-page .hero-content h1{font-size:3.5rem;font-weight:800;margin-bottom:24px;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.3)}.qa-page .hero-content p{font-size:1.3rem;margin-bottom:48px;opacity:.95;line-height:1.6;font-weight:500}.qa-page .stats-row{display:flex;justify-content:center;gap:48px;flex-wrap:wrap}.qa-page .stats-row .stat{display:flex;align-items:center;gap:12px;background:#ffffff26;padding:16px 24px;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);font-weight:600;font-size:1.1rem;box-shadow:0 4px 16px #0000001a;transition:all .3s ease}.qa-page .stats-row .stat:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0003}.qa-page .qa-header{background:var(--bg-color);border-bottom:1px solid var(--border-color);padding:32px 0}.qa-page .qa-header .container{max-width:1200px;margin:0 auto;padding:0 24px}.qa-page .qa-brand{display:flex;align-items:center;gap:12px;margin-bottom:32px}.qa-page .brand-icon{width:40px;height:40px;background:var(--primary-color);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.qa-page .brand-text{font-size:16px;color:var(--text-secondary);font-weight:600}.qa-page .qa-title-section h1{font-size:2.75rem;font-weight:800;color:var(--text-color);margin-bottom:20px;line-height:1.2}.qa-page .qa-title-section p{font-size:1.2rem;color:var(--text-secondary);line-height:1.7;max-width:900px;margin-bottom:40px}.qa-page .enhanced-search-section{background:var(--bg-color);padding:40px;border-radius:20px;border:1px solid var(--border-color);box-shadow:0 8px 40px #00000014;margin-bottom:40px;position:relative;overflow:hidden}.qa-page .enhanced-search-section:before{content:"";position:absolute;top:0;right:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-color),#60a5fa,#8b5cf6)}.qa-page .search-container{margin-bottom:32px}.qa-page .search-input-container{position:relative;display:flex;align-items:center}.qa-page .search-icon{position:absolute;right:20px;color:var(--text-secondary);z-index:2}.qa-page .search-input{width:100%;padding:20px 52px;border:2px solid var(--border-color);border-radius:16px;background:var(--bg-secondary);font-size:18px;color:var(--text-color);transition:all .3s ease;font-family:Cairo,sans-serif;font-weight:500}.qa-page .search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-color-light);background:var(--bg-color)}.qa-page .clear-search{position:absolute;left:20px;background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease;z-index:2;display:flex;align-items:center;justify-content:center}.qa-page .clear-search:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.qa-page .search-input-wrapper{position:relative;display:flex;align-items:center;margin-bottom:24px}.qa-page .search-input-wrapper svg{position:absolute;right:20px;color:var(--text-secondary);width:20px;height:20px;z-index:2}.qa-page .search-input-wrapper input{width:100%;padding:18px 52px;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-color);font-size:16px;color:var(--text-color);transition:all .3s ease;font-family:Cairo,sans-serif}.qa-page .search-input-wrapper input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-color-light)}.qa-page .clear-search{position:absolute;left:20px;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .3s ease;z-index:2}.qa-page .clear-search:hover{background:var(--bg-hover);color:var(--text-color)}.qa-page .search-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 32px #0000001a;z-index:10;margin-top:8px;overflow:hidden}.qa-page .suggestion-item{width:100%;padding:12px 16px;background:none;border:none;text-align:right;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-family:Cairo,sans-serif;color:var(--text-color)}.qa-page .suggestion-item:hover{background:var(--primary-color-light);color:var(--primary-color)}.qa-page .search-controls{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}.qa-page .category-filters{display:flex;gap:12px;flex-wrap:wrap}.qa-page .category-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Cairo,sans-serif;position:relative;overflow:hidden}.qa-page .category-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--category-color);opacity:0;transition:all .3s ease;z-index:1}.qa-page .category-btn>*{position:relative;z-index:2}.qa-page .category-btn:hover{border-color:var(--category-color);color:var(--category-color);transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.qa-page .category-btn:hover:before{opacity:.1}.qa-page .category-btn.active{background:var(--category-color);border-color:var(--category-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #0003}.qa-page .category-btn.active:before{opacity:1}.qa-page .sort-controls{display:flex;gap:12px;align-items:center}.qa-page .sort-select{padding:12px 16px;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-secondary);color:var(--text-color);font-weight:500;cursor:pointer;transition:all .3s ease;font-family:Cairo,sans-serif}.qa-page .sort-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-light)}.qa-page .filter-toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-secondary);border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:Cairo,sans-serif}.qa-page .filter-toggle:hover{background:var(--primary-color-light);border-color:var(--primary-color);color:var(--primary-color)}.qa-page .filter-toggle.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.qa-page .sort-dropdown{display:flex;align-items:center;gap:8px}.qa-page .sort-dropdown select{padding:10px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-color);color:var(--text-color);font-size:14px;cursor:pointer;transition:all .3s ease;font-family:Cairo,sans-serif}.qa-page .sort-dropdown select:focus{outline:none;border-color:var(--primary-color)}.qa-page .filters-panel{overflow:hidden;background:var(--bg-color);border-radius:8px;border:1px solid var(--border-color);margin-top:16px}.qa-page .filter-section{padding:20px}.qa-page .filter-section h4{font-size:14px;font-weight:600;color:var(--text-color);margin-bottom:16px}.qa-page .topic-filters{display:flex;flex-wrap:wrap;gap:8px}.qa-page .topic-filter{padding:8px 16px;border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-color);border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:Cairo,sans-serif}.qa-page .topic-filter:hover{background:var(--bg-hover)}.qa-page .topic-filter.active{background:var(--topic-color, var(--primary-color));border-color:var(--topic-color, var(--primary-color));color:#fff}.qa-page .qa-layout{display:grid;grid-template-columns:320px 1fr;gap:48px;max-width:1200px;margin:0 auto;padding:40px 24px}.qa-page .qa-nav{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:12px;margin-bottom:32px}.qa-page .nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:6px;cursor:pointer;transition:all .3s ease;color:var(--text-secondary);font-size:15px;font-weight:500}.qa-page .nav-item:hover{background:var(--bg-hover);color:var(--text-color)}.qa-page .nav-item.active{background:var(--primary-color-light);color:var(--primary-color);font-weight:600}.qa-page .topics-section h3{font-size:1.2rem;font-weight:700;color:var(--text-color);margin-bottom:20px}.qa-page .topics-search{position:relative;margin-bottom:20px}.qa-page .topics-search svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);width:18px;height:18px}.qa-page .topics-search input{width:100%;padding:12px 40px 12px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-color);font-size:14px;color:var(--text-color);font-family:Cairo,sans-serif}.qa-page .topics-search input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-light)}.qa-page .topics-search input::placeholder{color:var(--text-secondary)}.qa-page .topics-list{max-height:450px;overflow-y:auto}.qa-page .topic-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 8px;background:none;border:none;text-align:right;cursor:pointer;transition:all .3s ease;border-radius:6px}.qa-page .topic-item:hover{background:var(--bg-hover)}.qa-page .topic-item.active{background:var(--primary-color-light)}.qa-page .topic-item.active .topic-name{color:var(--primary-color);font-weight:700}.qa-page .topic-name{font-size:15px;color:var(--text-color);font-weight:500;font-family:Cairo,sans-serif}.qa-page .topic-count{font-size:13px;color:var(--text-secondary);background:var(--bg-secondary);padding:2px 6px;border-radius:12px}.qa-page .topic-info{display:flex;justify-content:space-between;width:100%}.qa-page .topic-indicator{width:4px;height:100%;position:absolute;right:0;top:0;border-radius:2px;opacity:0;transition:opacity .3s ease}.qa-page .topic-item.active .topic-indicator{opacity:1}.qa-page .results-summary{margin-bottom:32px}.qa-page .results-summary h2{font-size:1.5rem;font-weight:700;color:var(--text-color);margin-bottom:8px}.qa-page .category-label{color:var(--primary-color);font-weight:600}.qa-page .search-info{color:var(--text-secondary);font-size:14px}.qa-page .search-info strong{color:var(--primary-color)}.qa-page .main-search{margin-bottom:40px}.qa-page .search-container{position:relative;max-width:700px}.qa-page .search-container svg{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--text-secondary);width:22px;height:22px}.qa-page .search-container input{width:100%;padding:18px 52px 18px 20px;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-color);font-size:16px;color:var(--text-color);transition:all .3s ease;font-family:Cairo,sans-serif}.qa-page .search-container input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-color-light)}.qa-page .search-container input::placeholder{color:var(--text-secondary)}.qa-page .question-item{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;margin-bottom:20px;transition:all .3s ease;box-shadow:var(--box-shadow);position:relative;overflow:hidden}.qa-page .question-header{padding:28px;cursor:pointer}.qa-page .question-item.expanded{border-color:var(--primary-color);box-shadow:0 8px 32px #0ea5e926}.qa-page .hot-badge,.qa-page .answered-badge{position:absolute;top:16px;left:16px;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600}.qa-page .hot-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.qa-page .answered-badge{background:linear-gradient(135deg,#00d2d3,#01a3a4);color:#fff}.qa-page .question-item.hot{border-left:4px solid #ff6b6b}.qa-page .question-item.answered{border-left:4px solid #00d2d3}.qa-page .question-item:hover{border-color:var(--primary-color);box-shadow:0 8px 25px #0ea5e926;transform:translateY(-2px)}.qa-page .question-item:hover .question-title{color:var(--primary-color)}.qa-page .question-title{font-size:1.4rem;font-weight:700;color:var(--text-color);margin-bottom:16px;line-height:1.4;transition:color .3s ease;font-family:Cairo,sans-serif}.qa-page .question-excerpt{color:var(--text-secondary);line-height:1.7;margin-bottom:20px;font-size:15px;font-family:Cairo,sans-serif}.qa-page .question-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:13px;color:var(--text-secondary)}.qa-page .author-info{display:flex;align-items:center;gap:8px;font-weight:500}.qa-page .question-stats{display:flex;gap:16px}.qa-page .stat{display:flex;align-items:center;gap:4px}.qa-page .stat.likes{color:#e91e63}.qa-page .question-author{display:flex;align-items:center;gap:6px}.qa-page .question-tags{display:flex;flex-wrap:wrap;gap:8px}.qa-page .tag{background:var(--bg-secondary);color:var(--text-color);padding:6px 12px;border-radius:16px;font-size:12px;font-weight:500;border:1px solid var(--border-color);font-family:Cairo,sans-serif;transition:all .3s ease}.qa-page .tag:hover{transform:translateY(-1px)}.qa-page .no-results{text-align:center;padding:80px 20px;color:var(--text-secondary)}.qa-page .no-results svg{margin-bottom:20px;opacity:.6;color:var(--primary-color)}.qa-page .no-results h3{margin-bottom:12px;color:var(--text-color);font-size:1.3rem;font-family:Cairo,sans-serif}.qa-page .no-results p{font-size:15px;font-family:Cairo,sans-serif;margin-bottom:16px}.qa-page .clear-filters-btn{background:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:Cairo,sans-serif}.qa-page .clear-filters-btn:hover{background:var(--primary-hover)}.qa-page .tag-filters{padding:24px 0;border-top:1px solid var(--border-color);margin-top:24px}.qa-page .tag-filters h4{font-size:16px;font-weight:700;color:var(--text-color);margin:0 0 16px}.qa-page .tags-container{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.qa-page .tag-filter{padding:8px 16px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:Cairo,sans-serif}.qa-page .tag-filter:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-color-light)}.qa-page .tag-filter.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.qa-page .questions-section{margin-bottom:80px}.qa-page .questions-header{margin-bottom:32px}.qa-page .questions-header h2{font-size:1.8rem;font-weight:700;color:var(--text-color);margin:0}.qa-page .search-result-text{font-weight:500;color:var(--text-secondary)}.qa-page .questions-list{display:flex;flex-direction:column;gap:24px}.qa-page .question-main{margin-bottom:20px}.qa-page .question-title-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.qa-page .category-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--category-color);border-radius:8px;color:#fff;flex-shrink:0;margin-top:2px}.qa-page .question-badges{display:flex;gap:8px;flex-shrink:0}.qa-page .badge{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.qa-page .badge.hot{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;animation:pulse 2s infinite}.qa-page .badge.answered{background:linear-gradient(135deg,#00d2d3,#01a3a4);color:#fff}.qa-page .author-details{display:flex;flex-direction:column;gap:4px}.qa-page .author-name{font-weight:700;color:var(--text-color);font-size:15px}.qa-page .author-badges{display:flex;gap:8px;align-items:center}.qa-page .author-badge{background:var(--primary-color-light);color:var(--primary-color);padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.qa-page .reputation{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary);font-weight:500}.qa-page .stat.answers{color:var(--primary-color)}.qa-page .question-footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.qa-page .question-date{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary);font-weight:500}.qa-page .question-item:before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:var(--category-color);opacity:0;transition:all .3s ease}.qa-page .question-item:hover:before{opacity:1}.qa-page .question-item.hot{background:linear-gradient(135deg,#ff6b6b0d,#ee5a240d);border-color:#ff6b6b4d}.qa-page .author-avatar{width:48px;height:48px;border-radius:50%;border:2px solid var(--border-color);transition:all .3s ease}.qa-page .author-avatar:hover{border-color:var(--primary-color);transform:scale(1.05)}.qa-page .solutions-section{border-top:1px solid var(--border-color);padding:24px 28px;background:var(--bg-secondary)}.qa-page .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.qa-page .section-header h4{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;color:var(--text-color);margin:0}.qa-page .expand-btn{background:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:Cairo,sans-serif}.qa-page .expand-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.qa-page .solutions-content{overflow:hidden}.qa-page .solution-item{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:24px;margin-bottom:16px;transition:all .3s ease}.qa-page .solution-item:last-child{margin-bottom:0}.qa-page .solution-item:hover{border-color:var(--primary-color);box-shadow:0 4px 16px #0ea5e91a}.qa-page .solution-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.qa-page .solution-header h5{font-size:1.1rem;font-weight:700;color:var(--text-color);margin:0;flex:1;line-height:1.4}.qa-page .solution-badges{display:flex;gap:8px;margin-left:16px}.qa-page .difficulty{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.qa-page .difficulty.مبتدئ{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.qa-page .difficulty.متوسط{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.qa-page .difficulty.متقدم{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.qa-page .time{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--bg-secondary);color:var(--text-secondary);border-radius:12px;font-size:11px;font-weight:500}.qa-page .solution-content{color:var(--text-secondary);line-height:1.7;margin-bottom:16px;font-size:15px}.qa-page .code-block{margin:16px 0;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.qa-page .code-header{display:flex;align-items:center;gap:8px;background:var(--text-color);color:var(--bg-color);padding:8px 16px;font-size:13px;font-weight:600}.qa-page .code-block pre{margin:0;padding:20px;background:#2d3748;color:#e2e8f0;overflow-x:auto;font-family:Fira Code,Monaco,Consolas,monospace;font-size:13px;line-height:1.6}.qa-page .code-block code{font-family:inherit}.qa-page .tips-section{margin:16px 0;padding:16px;background:var(--primary-color-light);border-radius:8px;border-left:4px solid var(--primary-color)}.qa-page .tips-section h6{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--primary-color);margin:0 0 12px}.qa-page .tips-section ul{margin:0;padding-right:20px}.qa-page .tips-section li{color:var(--text-color);line-height:1.6;margin-bottom:8px;font-size:14px}.qa-page .tips-section li:last-child{margin-bottom:0}.qa-page .resources-section{margin:16px 0 0}.qa-page .resources-section h6{font-size:14px;font-weight:700;color:var(--text-color);margin:0 0 12px}.qa-page .resources-list{display:flex;flex-wrap:wrap;gap:12px}.qa-page .resource-link{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-secondary);color:var(--primary-color);text-decoration:none;border-radius:6px;font-size:13px;font-weight:500;transition:all .3s ease;border:1px solid var(--border-color)}.qa-page .resource-link:hover{background:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.qa-page .responses-section{border-top:1px solid var(--border-color);padding:24px 28px;background:var(--bg-color)}.qa-page .responses-section h4{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;color:var(--text-color);margin:0 0 20px}.qa-page .response-item{padding:16px 0;border-bottom:1px solid var(--border-color)}.qa-page .response-item:last-child{border-bottom:none;padding-bottom:0}.qa-page .response-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.qa-page .response-author{font-weight:600;color:var(--primary-color);font-size:14px}.qa-page .response-stats{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--text-secondary)}.qa-page .upvotes{display:flex;align-items:center;gap:4px;color:#e91e63;font-weight:500}.qa-page .response-date{color:var(--text-secondary)}.qa-page .response-content{color:var(--text-secondary);line-height:1.7;font-size:14px;margin:0}.qa-page .load-more{text-align:center;margin-top:40px}.qa-page .load-more-btn{background:var(--primary-color);color:#fff;border:none;padding:14px 32px;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:all .3s ease;font-size:15px;font-family:Cairo,sans-serif}.qa-page .load-more-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}[data-theme=dark] .qa-page .qa-header{background:var(--bg-main);border-bottom-color:var(--border-main)}[data-theme=dark] .qa-page .enhanced-search-section{background:var(--bg-card);border-color:var(--border-main)}[data-theme=dark] .qa-page .search-input-wrapper input,[data-theme=dark] .qa-page .sort-dropdown select,[data-theme=dark] .qa-page .filter-toggle{background:var(--bg-main);border-color:var(--border-main)}[data-theme=dark] .qa-page .search-suggestions,[data-theme=dark] .qa-page .filters-panel{background:var(--bg-card);border-color:var(--border-main)}[data-theme=dark] .qa-page .topic-filter{background:var(--bg-main);border-color:var(--border-main)}[data-theme=dark] .qa-page .qa-nav{background:var(--bg-card);border-color:var(--border-main)}[data-theme=dark] .qa-page .nav-item:hover{background:#ffffff0d}[data-theme=dark] .qa-page .topics-search input{background:var(--bg-card);border-color:var(--border-main)}[data-theme=dark] .qa-page .topics-search input:focus{background:var(--bg-main)}[data-theme=dark] .qa-page .topic-item:hover{background:#ffffff0d}[data-theme=dark] .qa-page .topic-count{background:var(--bg-main)}[data-theme=dark] .qa-page .search-container input,[data-theme=dark] .qa-page .question-item{background:var(--bg-card);border-color:var(--border-main)}[data-theme=dark] .qa-page .question-item:hover{box-shadow:0 8px 25px #0000004d}[data-theme=dark] .qa-page .solutions-section{background:var(--bg-main);border-color:var(--border-main)}[data-theme=dark] .qa-page .solution-item{background:var(--bg-card);border-color:var(--border-main)}[data-theme=dark] .qa-page .code-header{background:var(--text-color);color:var(--bg-card)}[data-theme=dark] .qa-page .tips-section{background:#0ea5e91a}[data-theme=dark] .qa-page .resource-link{background:var(--bg-main);border-color:var(--border-main)}[data-theme=dark] .qa-page .responses-section{background:var(--bg-card);border-color:var(--border-main)}[data-theme=dark] .qa-page .response-item{border-color:var(--border-main)}[data-theme=dark] .qa-page .tag{background:var(--bg-main);border-color:var(--border-main)}@media (max-width: 1024px){.qa-layout{grid-template-columns:1fr;gap:32px}.qa-sidebar{order:2}.qa-main{order:1}.topics-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;max-height:none}}@media (max-width: 768px){.qa-header{padding:24px 0}.qa-header .container{padding:0 16px}.qa-brand{margin-bottom:24px}.qa-title-section h1{font-size:2.2rem}.qa-title-section p{font-size:1.1rem}.qa-layout{padding:32px 16px;gap:24px}.question-item{padding:24px 20px}.question-title{font-size:1.2rem}.question-excerpt{font-size:14px}.question-meta{flex-direction:column;align-items:flex-start;gap:8px}.solutions-section,.responses-section{padding:20px 16px}.solution-header{flex-direction:column;align-items:flex-start;gap:12px}.solution-badges{margin-left:0}.resources-list{flex-direction:column;gap:8px}.response-header{flex-direction:column;align-items:flex-start;gap:8px}.search-controls{flex-direction:column;gap:12px;align-items:stretch}.enhanced-search-section{padding:24px 16px}.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.1rem}.hero-icon{width:100px;height:100px}.stats-row{gap:24px}.stats-row .stat{font-size:1rem;padding:12px 20px}.category-filters{justify-content:center}.question-title-row{flex-direction:column;gap:8px}.category-indicator{align-self:flex-start}.questions-header h2{font-size:1.5rem}.question-meta{flex-direction:column;gap:12px}.author-info{width:100%}.question-stats{justify-content:space-between;width:100%}}:root{--primary-teal: #1dd1a1;--medium-teal: #20e3b2;--light-teal: #1abc9c;--games-text-primary: #1a202c;--games-text-secondary: #4a5568;--games-bg-primary: #ffffff;--games-bg-secondary: #f8fafc;--games-border-color: #e2e8f0;--games-light-bg: #f7fafc}[data-theme=dark]{--games-text-primary: #f7fafc;--games-text-secondary: #e2e8f0;--games-bg-primary: #1a202c;--games-bg-secondary: #2d3748;--games-border-color: #4a5568;--games-light-bg: #2d3748}.game-manager{min-height:100vh;background:var(--games-bg-primary);color:var(--games-text-primary)}.code-debugger-game,.css-race-game,.react-quiz-game,.algorithm-challenge-game{min-height:100vh;background:var(--games-bg-primary);color:var(--games-text-primary);direction:rtl;font-family:Cairo,sans-serif}.code-debugger-game .game-header,.css-race-game .game-header,.react-quiz-game .game-header,.algorithm-challenge-game .game-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:var(--games-bg-secondary);border-bottom:1px solid var(--games-border-color);box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.code-debugger-game .game-header .game-info,.css-race-game .game-header .game-info,.react-quiz-game .game-header .game-info,.algorithm-challenge-game .game-header .game-info{display:flex;align-items:center;gap:2rem}.code-debugger-game .game-header .game-info .game-title,.css-race-game .game-header .game-info .game-title,.react-quiz-game .game-header .game-info .game-title,.algorithm-challenge-game .game-header .game-info .game-title{display:flex;align-items:center;gap:.5rem}.code-debugger-game .game-header .game-info .game-title h2,.css-race-game .game-header .game-info .game-title h2,.react-quiz-game .game-header .game-info .game-title h2,.algorithm-challenge-game .game-header .game-info .game-title h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--primary-teal)}.code-debugger-game .game-header .game-info .level-info,.code-debugger-game .game-header .game-info .progress-info,.css-race-game .game-header .game-info .level-info,.css-race-game .game-header .game-info .progress-info,.react-quiz-game .game-header .game-info .level-info,.react-quiz-game .game-header .game-info .progress-info,.algorithm-challenge-game .game-header .game-info .level-info,.algorithm-challenge-game .game-header .game-info .progress-info{font-size:.9rem;background:var(--primary-teal);color:#fff;padding:.25rem .75rem;border-radius:15px;font-weight:600}.code-debugger-game .game-header .game-stats,.css-race-game .game-header .game-stats,.react-quiz-game .game-header .game-stats,.algorithm-challenge-game .game-header .game-stats{display:flex;align-items:center;gap:1.5rem}.code-debugger-game .game-header .game-stats .stat,.css-race-game .game-header .game-stats .stat,.react-quiz-game .game-header .game-stats .stat,.algorithm-challenge-game .game-header .game-stats .stat{display:flex;align-items:center;gap:.5rem;font-weight:600;padding:.5rem 1rem;background:var(--games-bg-primary);border-radius:10px;border:1px solid var(--games-border-color);color:var(--games-text-primary)}.code-debugger-game .game-header .game-stats .stat svg,.css-race-game .game-header .game-stats .stat svg,.react-quiz-game .game-header .game-stats .stat svg,.algorithm-challenge-game .game-header .game-stats .stat svg{color:var(--primary-teal)}.code-debugger-game .game-header .exit-btn,.css-race-game .game-header .exit-btn,.react-quiz-game .game-header .exit-btn,.algorithm-challenge-game .game-header .exit-btn{background:#e74c3c;color:#fff;border:none;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .2s}.code-debugger-game .game-header .exit-btn:hover,.css-race-game .game-header .exit-btn:hover,.react-quiz-game .game-header .exit-btn:hover,.algorithm-challenge-game .game-header .exit-btn:hover{background:#c0392b;transform:scale(1.05)}.code-debugger-game .progress-bar,.css-race-game .progress-bar,.react-quiz-game .progress-bar,.algorithm-challenge-game .progress-bar{height:4px;background:var(--games-border-color)}.code-debugger-game .progress-bar .progress-fill,.css-race-game .progress-bar .progress-fill,.react-quiz-game .progress-bar .progress-fill,.algorithm-challenge-game .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-teal),#667eea);transition:width .3s ease}.code-debugger-game .game-content,.css-race-game .game-content,.react-quiz-game .game-content,.algorithm-challenge-game .game-content{padding:2rem;max-width:1200px;margin:0 auto}.code-debugger-game .difficulty,.css-race-game .difficulty,.react-quiz-game .difficulty,.algorithm-challenge-game .difficulty{padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:600}.code-debugger-game .difficulty.سهل,.css-race-game .difficulty.سهل,.react-quiz-game .difficulty.سهل,.algorithm-challenge-game .difficulty.سهل{background:#d4edda;color:#155724}.code-debugger-game .difficulty.متوسط,.css-race-game .difficulty.متوسط,.react-quiz-game .difficulty.متوسط,.algorithm-challenge-game .difficulty.متوسط{background:#fff3cd;color:#856404}.code-debugger-game .difficulty.صعب,.css-race-game .difficulty.صعب,.react-quiz-game .difficulty.صعب,.algorithm-challenge-game .difficulty.صعب{background:#f8d7da;color:#721c24}.code-debugger-game .game-result,.css-race-game .game-result,.react-quiz-game .game-result,.algorithm-challenge-game .game-result{text-align:center;padding:3rem 2rem;background:var(--games-bg-secondary);border-radius:20px;box-shadow:0 10px 40px #0000001a;color:var(--games-text-primary)}.code-debugger-game .game-result.completed,.css-race-game .game-result.completed,.react-quiz-game .game-result.completed,.algorithm-challenge-game .game-result.completed{border:2px solid #27ae60}.code-debugger-game .game-result.completed svg,.css-race-game .game-result.completed svg,.react-quiz-game .game-result.completed svg,.algorithm-challenge-game .game-result.completed svg{color:#f39c12;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(243,156,18,.3))}.code-debugger-game .game-result.failed,.css-race-game .game-result.failed,.react-quiz-game .game-result.failed,.algorithm-challenge-game .game-result.failed{border:2px solid #e74c3c}.code-debugger-game .game-result.failed svg,.css-race-game .game-result.failed svg,.react-quiz-game .game-result.failed svg,.algorithm-challenge-game .game-result.failed svg{color:#e74c3c;margin-bottom:1rem}.code-debugger-game .game-result h2,.css-race-game .game-result h2,.react-quiz-game .game-result h2,.algorithm-challenge-game .game-result h2{margin:1rem 0;font-size:2rem;color:var(--primary-teal)}.code-debugger-game .game-result p,.css-race-game .game-result p,.react-quiz-game .game-result p,.algorithm-challenge-game .game-result p{margin:1rem 0;color:var(--games-text-secondary);font-size:1.1rem}.code-debugger-game .game-result .final-stats,.css-race-game .game-result .final-stats,.react-quiz-game .game-result .final-stats,.algorithm-challenge-game .game-result .final-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0}.code-debugger-game .game-result .final-stats .stat,.css-race-game .game-result .final-stats .stat,.react-quiz-game .game-result .final-stats .stat,.algorithm-challenge-game .game-result .final-stats .stat{display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--games-bg-primary);padding:1rem 1.5rem;border-radius:12px;box-shadow:0 2px 10px #0000001a;border:1px solid var(--games-border-color);color:var(--games-text-primary)}.code-debugger-game .game-result .final-stats .stat svg,.css-race-game .game-result .final-stats .stat svg,.react-quiz-game .game-result .final-stats .stat svg,.algorithm-challenge-game .game-result .final-stats .stat svg{color:var(--primary-teal)}.code-debugger-game .game-result .action-buttons,.css-race-game .game-result .action-buttons,.react-quiz-game .game-result .action-buttons,.algorithm-challenge-game .game-result .action-buttons{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.code-debugger-game .game-result .action-buttons button,.css-race-game .game-result .action-buttons button,.react-quiz-game .game-result .action-buttons button,.algorithm-challenge-game .game-result .action-buttons button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:10px;cursor:pointer;transition:all .3s;font-weight:600;text-decoration:none;font-size:1rem}.code-debugger-game .game-result .action-buttons button.primary-btn,.css-race-game .game-result .action-buttons button.primary-btn,.react-quiz-game .game-result .action-buttons button.primary-btn,.algorithm-challenge-game .game-result .action-buttons button.primary-btn{background:linear-gradient(135deg,var(--primary-teal),#667eea);color:#fff}.code-debugger-game .game-result .action-buttons button.primary-btn:hover,.css-race-game .game-result .action-buttons button.primary-btn:hover,.react-quiz-game .game-result .action-buttons button.primary-btn:hover,.algorithm-challenge-game .game-result .action-buttons button.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3498db66}.code-debugger-game .game-result .action-buttons button.secondary-btn,.css-race-game .game-result .action-buttons button.secondary-btn,.react-quiz-game .game-result .action-buttons button.secondary-btn,.algorithm-challenge-game .game-result .action-buttons button.secondary-btn{background:var(--games-bg-secondary);color:var(--games-text-primary);border:2px solid var(--games-border-color)}.code-debugger-game .game-result .action-buttons button.secondary-btn:hover,.css-race-game .game-result .action-buttons button.secondary-btn:hover,.react-quiz-game .game-result .action-buttons button.secondary-btn:hover,.algorithm-challenge-game .game-result .action-buttons button.secondary-btn:hover{border-color:var(--primary-teal);transform:translateY(-2px)}.code-debugger-game .game-title svg{color:#e74c3c}.code-debugger-game .problem-info{background:var(--games-bg-secondary);padding:1.5rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 20px #0000001a}.code-debugger-game .problem-info h3{margin:0 0 1rem;color:var(--primary-teal);font-size:1.3rem}.code-debugger-game .problem-info .problem-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.code-debugger-game .problem-info .problem-meta .points,.code-debugger-game .problem-info .problem-meta .bugs-found{display:flex;align-items:center;gap:.25rem;font-size:.9rem;color:var(--games-text-secondary)}.code-debugger-game .code-editor{background:var(--games-bg-secondary);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a;margin-bottom:2rem}.code-debugger-game .code-editor .editor-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#2c3e50;color:#fff}.code-debugger-game .code-editor .editor-header span{display:flex;align-items:center;gap:.5rem;font-weight:600}.code-debugger-game .code-editor .editor-header .editor-actions{display:flex;gap:.5rem}.code-debugger-game .code-editor .editor-header .hint-btn,.code-debugger-game .code-editor .editor-header .check-btn{border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600}.code-debugger-game .code-editor .editor-header .hint-btn:hover:not(:disabled),.code-debugger-game .code-editor .editor-header .check-btn:hover:not(:disabled){transform:translateY(-1px)}.code-debugger-game .code-editor .editor-header .hint-btn:disabled,.code-debugger-game .code-editor .editor-header .check-btn:disabled{opacity:.6;cursor:not-allowed}.code-debugger-game .code-editor .editor-header .hint-btn{background:#f39c12;color:#fff}.code-debugger-game .code-editor .editor-header .hint-btn:hover:not(:disabled){background:#e67e22}.code-debugger-game .code-editor .editor-header .check-btn{background:#27ae60;color:#fff}.code-debugger-game .code-editor .editor-header .check-btn:hover:not(:disabled){background:#229954}.code-debugger-game .code-editor .code-textarea{width:100%;min-height:300px;background:#1e1e1e;color:#d4d4d4;border:none;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.6;direction:ltr;resize:vertical}.code-debugger-game .code-editor .code-textarea:focus{outline:none;box-shadow:inset 0 0 0 2px var(--primary-teal)}.code-debugger-game .code-editor .code-textarea::placeholder{color:#6e7681}.code-debugger-game .hint-display{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;padding:1rem 1.5rem;border-radius:12px;margin-bottom:2rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 20px #f39c124d}.code-debugger-game .hint-display svg{flex-shrink:0}.code-debugger-game .solution-result{padding:1.5rem;border-radius:12px;margin-bottom:2rem;display:flex;align-items:center;gap:1rem;color:#fff}.code-debugger-game .solution-result.correct{background:linear-gradient(135deg,#27ae60,#2ecc71);box-shadow:0 4px 20px #27ae604d}.code-debugger-game .solution-result.incorrect{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 20px #e74c3c4d}.code-debugger-game .solution-result svg{flex-shrink:0}.code-debugger-game .solution-result .result-content h4{margin:0 0 .5rem;font-size:1.2rem}.code-debugger-game .solution-result .result-content p{margin:0 0 1rem;opacity:.9;line-height:1.5}.code-debugger-game .solution-result .result-content .points-earned{background:#fff3;padding:.5rem 1rem;border-radius:8px;font-weight:600;margin-top:.5rem;text-align:center}.code-debugger-game .bug-feedback{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;padding:1.5rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 20px #27ae604d}.code-debugger-game .bug-feedback .feedback-content h4{margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.code-debugger-game .bug-feedback .feedback-content p{margin:0 0 1rem;opacity:.9;line-height:1.5}.code-debugger-game .bug-feedback .feedback-content .fix-suggestion{background:#ffffff1a;padding:1rem;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;direction:ltr;margin-top:1rem}.code-debugger-game .bug-feedback .feedback-content .fix-suggestion code{color:#f1c40f;font-weight:600}.css-race-game .game-title svg{color:#f39c12}.css-race-game .challenge-info{background:var(--games-bg-secondary);padding:1.5rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 20px #0000001a}.css-race-game .challenge-info h3{margin:0 0 1rem;color:var(--primary-teal);font-size:1.3rem}.css-race-game .challenge-info .challenge-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.css-race-game .challenge-info .challenge-meta .points{display:flex;align-items:center;gap:.25rem;font-size:.9rem;color:var(--games-text-secondary)}.css-race-game .challenge-info .challenge-meta .hint{color:var(--primary-teal);font-size:.9rem}.css-race-game .editor-preview-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.css-race-game .editor-preview-container .code-editor-section{background:var(--games-bg-secondary);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.css-race-game .editor-preview-container .code-editor-section .editor-header{background:#2c3e50;color:#fff;padding:1rem 1.5rem;display:flex;align-items:center;gap:.5rem}.css-race-game .editor-preview-container .code-editor-section .code-editor{width:100%;height:300px;background:#1e1e1e;color:#d4d4d4;border:none;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.6;resize:none;direction:ltr}.css-race-game .editor-preview-container .code-editor-section .code-editor:focus{outline:none;box-shadow:inset 0 0 0 2px var(--primary-teal)}.css-race-game .editor-preview-container .code-editor-section .check-btn{width:100%;background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:none;padding:1rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600}.css-race-game .editor-preview-container .code-editor-section .check-btn:hover{background:linear-gradient(135deg,#229954,#27ae60);transform:translateY(-1px)}.css-race-game .editor-preview-container .preview-section{background:var(--games-bg-secondary);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.css-race-game .editor-preview-container .preview-section .preview-header{background:#34495e;color:#fff;padding:1rem 1.5rem;display:flex;align-items:center;gap:.5rem}.css-race-game .editor-preview-container .preview-section .preview-container{padding:1rem;background:#fff;min-height:300px;direction:ltr}.css-race-game .result-feedback{padding:1.5rem;border-radius:12px;margin-bottom:2rem;display:flex;align-items:center;gap:1rem}.css-race-game .result-feedback.correct{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;box-shadow:0 4px 20px #27ae604d}.css-race-game .result-feedback.incorrect{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;box-shadow:0 4px 20px #e74c3c4d}.css-race-game .result-feedback .feedback-content h4{margin:0 0 .5rem}.css-race-game .result-feedback .feedback-content p{margin:0 0 1rem}.css-race-game .result-feedback .feedback-content .points-earned{background:#fff3;padding:.5rem 1rem;border-radius:8px;font-weight:600;margin-top:.5rem}.css-race-game .result-feedback .feedback-content .hint-text{background:#fff3;padding:.5rem 1rem;border-radius:8px;margin-top:.5rem}.react-quiz-game .game-title svg{color:#61dafb}.react-quiz-game .question-section .question-header{background:var(--games-bg-secondary);padding:1.5rem;border-radius:12px;margin-bottom:1rem;box-shadow:0 4px 20px #0000001a}.react-quiz-game .question-section .question-header h3{margin:0 0 1rem;color:var(--primary-teal);font-size:1.3rem}.react-quiz-game .question-section .question-header .question-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.react-quiz-game .question-section .question-header .question-meta .points,.react-quiz-game .question-section .question-header .question-meta .streak-bonus{display:flex;align-items:center;gap:.25rem;font-size:.9rem;color:var(--games-text-secondary)}.react-quiz-game .question-section .question-header .question-meta .streak-bonus{color:#f39c12;font-weight:600}.react-quiz-game .question-section .code-example{background:#1e1e1e;color:#d4d4d4;padding:1rem;border-radius:8px;margin:1rem 0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;direction:ltr;overflow-x:auto}.react-quiz-game .question-section .options-container{display:grid;gap:1rem;margin:2rem 0}.react-quiz-game .question-section .options-container .option{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--games-bg-secondary);border:2px solid var(--games-border-color);border-radius:12px;cursor:pointer;transition:all .3s;text-align:right}.react-quiz-game .question-section .options-container .option:hover:not(:disabled){border-color:var(--primary-teal);transform:translateY(-2px);box-shadow:0 4px 15px #3498db33}.react-quiz-game .question-section .options-container .option.selected{border-color:var(--primary-teal);background:#3498db1a}.react-quiz-game .question-section .options-container .option.correct{border-color:#27ae60;background:#27ae601a}.react-quiz-game .question-section .options-container .option.incorrect{border-color:#e74c3c;background:#e74c3c1a}.react-quiz-game .question-section .options-container .option:disabled{cursor:not-allowed}.react-quiz-game .question-section .options-container .option .option-letter{width:2rem;height:2rem;background:var(--primary-teal);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.react-quiz-game .question-section .options-container .option .option-text{flex:1}.react-quiz-game .question-section .options-container .option .correct-icon,.react-quiz-game .question-section .options-container .option .incorrect-icon{flex-shrink:0}.react-quiz-game .question-section .submit-btn{width:100%;background:linear-gradient(135deg,var(--primary-teal),#667eea);color:#fff;border:none;padding:1rem;border-radius:10px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;font-size:1rem}.react-quiz-game .question-section .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3498db66}.react-quiz-game .question-section .submit-btn:disabled{opacity:.6;cursor:not-allowed}.react-quiz-game .question-section .explanation{background:var(--games-bg-secondary);padding:1.5rem;border-radius:12px;margin-top:2rem;box-shadow:0 4px 20px #0000001a}.react-quiz-game .question-section .explanation .explanation-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.react-quiz-game .question-section .explanation .explanation-header h4{margin:0;color:var(--primary-teal)}.react-quiz-game .question-section .explanation .feedback{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;border-radius:8px;font-weight:600}.react-quiz-game .question-section .explanation .feedback.correct{background:#27ae601a;color:#27ae60}.react-quiz-game .question-section .explanation .feedback.incorrect{background:#e74c3c1a;color:#e74c3c}.react-quiz-game .final-score{font-size:1.5rem;font-weight:700;margin:1rem 0;color:var(--primary-teal)}.react-quiz-game .level-badge{display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;padding:1rem 2rem;border-radius:25px;margin:1rem 0;font-weight:600;font-size:1.1rem}.algorithm-challenge-game .game-title svg{color:#9b59b6}.algorithm-challenge-game .challenge-section{background:var(--games-bg-secondary);padding:2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 20px #0000001a}.algorithm-challenge-game .challenge-section .challenge-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.algorithm-challenge-game .challenge-section .challenge-header h3{margin:0;color:var(--primary-teal);font-size:1.4rem}.algorithm-challenge-game .challenge-section .challenge-header .challenge-meta{display:flex;align-items:center;gap:1rem}.algorithm-challenge-game .challenge-section .challenge-description{margin:1rem 0;line-height:1.6}.algorithm-challenge-game .challenge-section .function-signature{background:#1e1e1e;color:#d4d4d4;padding:1rem;border-radius:8px;margin:1rem 0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;direction:ltr}.algorithm-challenge-game .challenge-section .function-signature code{color:#61dafb}.algorithm-challenge-game .challenge-section .test-cases-preview{margin:1.5rem 0}.algorithm-challenge-game .challenge-section .test-cases-preview h4{margin-bottom:1rem;color:var(--games-text-secondary)}.algorithm-challenge-game .challenge-section .test-cases-preview .example{background:var(--games-bg-primary);padding:1rem;border-radius:8px;margin-bottom:1rem;border-left:4px solid var(--primary-teal)}.algorithm-challenge-game .challenge-section .test-cases-preview .example .example-input,.algorithm-challenge-game .challenge-section .test-cases-preview .example .example-output{margin:.5rem 0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;direction:ltr}.algorithm-challenge-game .challenge-section .hint{display:flex;align-items:center;gap:.5rem;background:#3498db1a;padding:1rem;border-radius:8px;color:var(--primary-teal);margin-top:1rem}.algorithm-challenge-game .code-editor-section{background:var(--games-bg-secondary);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a;margin-bottom:2rem}.algorithm-challenge-game .code-editor-section .editor-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#2c3e50;color:#fff}.algorithm-challenge-game .code-editor-section .editor-header .run-tests-btn{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.algorithm-challenge-game .code-editor-section .editor-header .run-tests-btn:hover{background:linear-gradient(135deg,#229954,#27ae60);transform:translateY(-1px)}.algorithm-challenge-game .code-editor-section .code-editor{width:100%;height:400px;background:#1e1e1e;color:#d4d4d4;border:none;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.6;resize:none;direction:ltr}.algorithm-challenge-game .code-editor-section .code-editor:focus{outline:none;box-shadow:inset 0 0 0 2px var(--primary-teal)}.algorithm-challenge-game .test-results{background:var(--games-bg-secondary);padding:1.5rem;border-radius:12px;box-shadow:0 4px 20px #0000001a}.algorithm-challenge-game .test-results h4{margin:0 0 1rem;color:var(--primary-teal)}.algorithm-challenge-game .test-results .results-list{display:grid;gap:1rem}.algorithm-challenge-game .test-results .results-list .test-result{padding:1rem;border-radius:8px;border:2px solid}.algorithm-challenge-game .test-results .results-list .test-result.passed{border-color:#27ae60;background:#27ae601a}.algorithm-challenge-game .test-results .results-list .test-result.failed{border-color:#e74c3c;background:#e74c3c1a}.algorithm-challenge-game .test-results .results-list .test-result .result-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600}.algorithm-challenge-game .test-results .results-list .test-result .result-details{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;direction:ltr}.algorithm-challenge-game .test-results .results-list .test-result .result-details div{margin:.25rem 0}.algorithm-challenge-game .test-results .success-message{display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;padding:1rem;border-radius:8px;margin-top:1rem;font-weight:600}@media (max-width: 768px){.code-debugger-game .game-header,.css-race-game .game-header,.react-quiz-game .game-header,.algorithm-challenge-game .game-header{flex-direction:column;gap:1rem;padding:1rem}.code-debugger-game .game-header .game-info,.css-race-game .game-header .game-info,.react-quiz-game .game-header .game-info,.algorithm-challenge-game .game-header .game-info{width:100%;justify-content:space-between}.code-debugger-game .game-header .game-stats,.css-race-game .game-header .game-stats,.react-quiz-game .game-header .game-stats,.algorithm-challenge-game .game-header .game-stats{width:100%;justify-content:space-around;gap:.5rem}.code-debugger-game .game-header .game-stats .stat,.css-race-game .game-header .game-stats .stat,.react-quiz-game .game-header .game-stats .stat,.algorithm-challenge-game .game-header .game-stats .stat{padding:.25rem .5rem;font-size:.8rem}.code-debugger-game .game-content,.css-race-game .game-content,.react-quiz-game .game-content,.algorithm-challenge-game .game-content{padding:1rem}.code-debugger-game .game-result .final-stats,.css-race-game .game-result .final-stats,.react-quiz-game .game-result .final-stats,.algorithm-challenge-game .game-result .final-stats{grid-template-columns:1fr}.code-debugger-game .game-result .action-buttons,.css-race-game .game-result .action-buttons,.react-quiz-game .game-result .action-buttons,.algorithm-challenge-game .game-result .action-buttons{flex-direction:column;align-items:center}.code-debugger-game .game-result .action-buttons button,.css-race-game .game-result .action-buttons button,.react-quiz-game .game-result .action-buttons button,.algorithm-challenge-game .game-result .action-buttons button{width:100%;max-width:250px}.css-race-game .editor-preview-container{grid-template-columns:1fr}.react-quiz-game .question-section .question-header .question-meta{justify-content:center}.algorithm-challenge-game .challenge-section .challenge-header{flex-direction:column;gap:1rem}}.games-page{min-height:100vh;background:var(--games-bg-primary)}.games-page .games-hero{position:relative;padding:80px 0 120px;overflow:hidden}.games-page .games-hero .hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.games-page .games-hero .hero-background .gradient-overlay{background:linear-gradient(135deg,#1dd1a1,#20e3b2,#1abc9c)}.games-page .games-hero .hero-background .pattern-overlay{background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(circle at 40% 40%,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px,60px 60px,30px 30px;animation:pattern-move 20s linear infinite}.games-page .games-hero .hero-content{text-align:center;color:#161616!important;position:relative;z-index:2}.games-page .games-hero .hero-content .hero-icon{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin:0 auto 30px;border:2px solid rgba(255,255,255,.3)}.games-page .games-hero .hero-content h1{font-size:3rem;margin-bottom:20px;font-weight:700;color:#fff!important}@media (max-width: 768px){.games-page .games-hero .hero-content h1{font-size:2.2rem}}.games-page .games-hero .hero-content p{font-size:1.2rem;margin-bottom:40px;opacity:.95;line-height:1.6;color:#fff!important}.games-page .games-hero .hero-content .hero-stats{display:flex;justify-content:center;gap:40px}@media (max-width: 768px){.games-page .games-hero .hero-content .hero-stats{flex-direction:column;gap:20px;align-items:center}}.games-page .games-hero .hero-content .hero-stats .stat{display:flex;align-items:center;gap:10px;background:#fff3;padding:15px 25px;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff!important}.games-page .games-hero .hero-content .hero-stats .stat span{font-weight:600;color:#fff!important}.games-page .games-hero .hero-content .hero-stats .stat svg{color:#fff!important}.games-page .games-main{padding:40px 0;max-width:1200px;margin:0 auto}.games-page .games-main .daily-challenge-card{background:linear-gradient(135deg,#1dd1a1,#20e3b2);border-radius:20px;padding:30px;margin-bottom:40px;color:#fff;box-shadow:0 10px 30px #1dd1a14d}.games-page .games-main .daily-challenge-card .challenge-header{display:flex;align-items:center;gap:20px;margin-bottom:25px}.games-page .games-main .daily-challenge-card .challenge-header .challenge-icon{background:#fff3;border-radius:15px;padding:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.games-page .games-main .daily-challenge-card .challenge-header .challenge-info{flex:1}.games-page .games-main .daily-challenge-card .challenge-header .challenge-info h3{font-size:1.5rem;margin-bottom:5px;font-weight:700}.games-page .games-main .daily-challenge-card .challenge-header .challenge-info p{opacity:.9;margin:0}.games-page .games-main .daily-challenge-card .challenge-header .challenge-points{display:flex;align-items:center;gap:8px;background:#fff3;padding:10px 15px;border-radius:25px;font-weight:600}.games-page .games-main .daily-challenge-card .challenge-content h4{font-size:1.3rem;margin-bottom:10px}.games-page .games-main .daily-challenge-card .challenge-content p{margin-bottom:20px;opacity:.9;line-height:1.6}.games-page .games-main .daily-challenge-card .challenge-content .challenge-details{display:flex;gap:30px;margin-bottom:25px}.games-page .games-main .daily-challenge-card .challenge-content .challenge-details .detail .label{display:block;font-size:.9rem;opacity:.8;margin-bottom:3px}.games-page .games-main .daily-challenge-card .challenge-content .challenge-details .detail .value{font-weight:600}.games-page .games-main .daily-challenge-card .challenge-content .challenge-details .detail .value.difficulty{padding:3px 8px;background:#fff3;border-radius:10px;font-size:.8rem}.games-page .games-main .daily-challenge-card .challenge-content .start-challenge-btn{display:flex;align-items:center;gap:10px;background:#fff;color:var(--primary-teal);padding:15px 30px;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s ease}.games-page .games-main .daily-challenge-card .challenge-content .start-challenge-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.games-page .games-main .categories-section{margin-bottom:50px}.games-page .games-main .categories-section h2{font-size:2rem;margin-bottom:30px;color:var(--games-text-primary)}.games-page .games-main .categories-section .categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.games-page .games-main .categories-section .categories-grid .category-card{background:var(--games-bg-secondary);border-radius:15px;padding:25px;text-align:center;box-shadow:0 8px 25px #0000001a;transition:all .3s ease;cursor:pointer;border:2px solid transparent}.games-page .games-main .categories-section .categories-grid .category-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026;border-color:var(--primary-teal)}.games-page .games-main .categories-section .categories-grid .category-card .category-icon{background:var(--primary-teal);color:#fff;width:70px;height:70px;border-radius:15px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.games-page .games-main .categories-section .categories-grid .category-card h3{font-size:1.2rem;margin-bottom:10px;color:var(--games-text-primary)}.games-page .games-main .categories-section .categories-grid .category-card p{color:var(--games-text-secondary);margin-bottom:15px}.games-page .games-main .categories-section .categories-grid .category-card .category-stats{color:var(--primary-teal);font-weight:600;font-size:.9rem}.games-page .games-main .games-section h2{font-size:2rem;margin-bottom:30px;color:var(--games-text-primary)}.games-page .games-main .games-section .games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}@media (max-width: 768px){.games-page .games-main .games-section .games-grid{grid-template-columns:1fr}}.games-page .game-card{background:var(--games-bg-secondary);border-radius:16px;overflow:hidden;box-shadow:0 8px 25px #0000001a;transition:all .3s ease;cursor:pointer}.games-page .game-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 35px #00000026}.games-page .game-card.completed{background:linear-gradient(135deg,#22c55e1a,#fff);border:2px solid #22c55e}.games-page .game-card.daily{background:linear-gradient(135deg,#f973161a,#fff);border:2px solid #f97316}.games-page .game-card .card-header{position:relative;height:180px;overflow:hidden}.games-page .game-card .card-header .game-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.games-page .game-card .card-header .card-badges{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:8px}.games-page .game-card .card-header .card-badges .difficulty-badge,.games-page .game-card .card-header .card-badges .daily-badge{padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:600;color:#fff}.games-page .game-card .card-header .card-badges .daily-badge{background:#f97316}.games-page .game-card .card-header .completed-icon{position:absolute;top:12px;right:12px;color:#22c55e;background:#fff;border-radius:50%;padding:4px}.games-page .game-card .card-content{padding:20px}.games-page .game-card .card-content .game-category{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.games-page .game-card .card-content h3{font-size:1.3rem;margin-bottom:8px;color:var(--games-text-primary);line-height:1.3}.games-page .game-card .card-content p{color:var(--games-text-secondary);line-height:1.5;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.games-page .game-card .card-content .game-stats{display:flex;justify-content:space-between;margin-bottom:15px}.games-page .game-card .card-content .game-stats .stat{display:flex;align-items:center;gap:4px;color:var(--games-text-secondary);font-size:.8rem}.games-page .game-card .card-content .completion-bar{position:relative;background:var(--games-light-bg);border-radius:10px;height:6px;margin-bottom:20px;overflow:hidden}.games-page .game-card .card-content .completion-bar .completion-fill{background:var(--primary-teal);height:100%;border-radius:10px;transition:width .3s ease}.games-page .game-card .card-content .completion-bar .completion-text{position:absolute;top:-25px;left:0;font-size:.8rem;color:var(--games-text-secondary)}.games-page .game-card .card-content .play-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:var(--primary-teal);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.games-page .game-card .card-content .play-btn:hover{background:var(--medium-teal);transform:translateY(-1px)}.games-page .games-sidebar .stats-card{background:#fff;border-radius:16px;padding:25px;margin-bottom:25px;box-shadow:0 8px 25px #0000001a}.games-page .games-sidebar .stats-card h3{font-size:1.3rem;margin-bottom:20px;color:var(--games-text-primary);text-align:center;border-bottom:2px solid var(--primary-teal);padding-bottom:10px}.games-page .games-sidebar .stats-card .stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:25px}.games-page .games-sidebar .stats-card .stats-grid .stat-item{display:flex;align-items:center;gap:12px;padding:15px;background:var(--games-light-bg);border-radius:12px}.games-page .games-sidebar .stats-card .stats-grid .stat-item .stat-icon{background:var(--primary-teal);color:#fff;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.games-page .games-sidebar .stats-card .stats-grid .stat-item .stat-info .stat-value{display:block;font-size:1.2rem;font-weight:700;color:var(--games-text-primary);margin-bottom:2px}.games-page .games-sidebar .stats-card .stats-grid .stat-item .stat-info .stat-label{font-size:.8rem;color:var(--games-text-secondary)}.games-page .games-sidebar .stats-card .rank-info .rank-display{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px;color:var(--primary-teal);font-weight:600}.games-page .games-sidebar .stats-card .rank-info .progress-bar{background:var(--games-light-bg);border-radius:10px;height:8px;margin-bottom:8px;overflow:hidden}.games-page .games-sidebar .stats-card .rank-info .progress-bar .progress-fill{background:linear-gradient(90deg,var(--primary-teal),var(--medium-teal));height:100%;border-radius:10px;transition:width .3s ease}.games-page .games-sidebar .stats-card .rank-info .next-level{text-align:center;font-size:.8rem;color:var(--games-text-secondary)}.games-page .games-sidebar .leaderboard-widget{background:#fff;border-radius:16px;padding:25px;margin-bottom:25px;box-shadow:0 8px 25px #0000001a}.games-page .games-sidebar .leaderboard-widget h3{font-size:1.3rem;margin-bottom:20px;color:var(--games-text-primary);text-align:center;border-bottom:2px solid var(--primary-teal);padding-bottom:10px}.games-page .games-sidebar .leaderboard-widget .leaderboard-list .leaderboard-item{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:8px;background:var(--games-light-bg);border-radius:10px;transition:all .3s ease}.games-page .games-sidebar .leaderboard-widget .leaderboard-list .leaderboard-item:hover{background:var(--games-border-color)}.games-page .games-sidebar .leaderboard-widget .leaderboard-list .leaderboard-item .rank .rank-icon.gold{color:#f59e0b}.games-page .games-sidebar .leaderboard-widget .leaderboard-list .leaderboard-item .rank .rank-icon.silver{color:#6b7280}.games-page .games-sidebar .leaderboard-widget .leaderboard-list .leaderboard-item .rank .rank-icon.bronze{color:#d97706}.games-page .games-sidebar .leaderboard-widget .leaderboard-list .leaderboard-item .rank .rank-number{background:var(--primary-teal);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.games-page .games-sidebar .leaderboard-widget .leaderboard-list .leaderboard-item .user-avatar{width:35px;height:35px;border-radius:50%}.games-page .games-sidebar .leaderboard-widget .leaderboard-list .leaderboard-item .user-info{flex:1}.games-page .games-sidebar .leaderboard-widget .leaderboard-list .leaderboard-item .user-info .user-name{display:block;font-weight:600;color:var(--games-text-primary);margin-bottom:2px;font-size:.9rem}.games-page .games-sidebar .leaderboard-widget .leaderboard-list .leaderboard-item .user-info .user-stats{display:flex;gap:10px;font-size:.8rem;color:var(--games-text-secondary)}.games-page .games-sidebar .leaderboard-widget .leaderboard-list .leaderboard-item .user-info .user-stats .points{color:var(--primary-teal);font-weight:600}.games-page .games-sidebar .leaderboard-widget .leaderboard-list .leaderboard-item .streak{display:flex;align-items:center;gap:3px;color:#f97316;font-size:.8rem;font-weight:600}.games-page .games-sidebar .achievements-widget{background:#fff;border-radius:16px;padding:25px;margin-bottom:25px;box-shadow:0 8px 25px #0000001a}.games-page .games-sidebar .achievements-widget h3{font-size:1.3rem;margin-bottom:20px;color:var(--games-text-primary);text-align:center;border-bottom:2px solid var(--primary-teal);padding-bottom:10px}.games-page .games-sidebar .achievements-widget .achievements-list .achievement-item{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:10px;border-radius:10px;transition:all .3s ease}.games-page .games-sidebar .achievements-widget .achievements-list .achievement-item.unlocked{background:#22c55e1a;border:1px solid #22c55e}.games-page .games-sidebar .achievements-widget .achievements-list .achievement-item.locked{background:var(--games-light-bg);opacity:.6}.games-page .games-sidebar .achievements-widget .achievements-list .achievement-item .achievement-icon{background:var(--primary-teal);color:#fff;width:35px;height:35px;border-radius:8px;display:flex;align-items:center;justify-content:center}.games-page .games-sidebar .achievements-widget .achievements-list .achievement-item .achievement-info{flex:1}.games-page .games-sidebar .achievements-widget .achievements-list .achievement-item .achievement-info .achievement-name{display:block;font-weight:600;color:var(--games-text-primary);margin-bottom:2px;font-size:.9rem}.games-page .games-sidebar .achievements-widget .achievements-list .achievement-item .achievement-info .achievement-desc{font-size:.8rem;color:var(--games-text-secondary)}.games-page .games-sidebar .achievements-widget .achievements-list .achievement-item .unlock-icon{color:#22c55e}.games-page .games-sidebar .progress-widget{background:#fff;border-radius:16px;padding:25px;box-shadow:0 8px 25px #0000001a}.games-page .games-sidebar .progress-widget h3{font-size:1.3rem;margin-bottom:20px;color:var(--games-text-primary);text-align:center;border-bottom:2px solid var(--primary-teal);padding-bottom:10px}.games-page .games-sidebar .progress-widget .progress-chart .progress-days{display:flex;justify-content:space-between;margin-bottom:15px}.games-page .games-sidebar .progress-widget .progress-chart .progress-days .progress-day{display:flex;flex-direction:column;align-items:center;gap:8px}.games-page .games-sidebar .progress-widget .progress-chart .progress-days .progress-day .day-label{font-size:.8rem;color:var(--games-text-secondary)}.games-page .games-sidebar .progress-widget .progress-chart .progress-days .progress-day .day-indicator{width:12px;height:12px;border-radius:50%;background:var(--games-light-bg);transition:all .3s ease}.games-page .games-sidebar .progress-widget .progress-chart .progress-days .progress-day.completed .day-indicator{background:var(--primary-teal)}.games-page .games-sidebar .progress-widget .progress-chart .progress-summary{text-align:center;font-size:.9rem;color:var(--games-text-secondary)}.games-page.dark .daily-challenge-card{border:1px solid var(--games-border-color)}.games-page.dark .game-card,.games-page.dark .category-card,.games-page.dark .stats-card,.games-page.dark .leaderboard-widget,.games-page.dark .achievements-widget,.games-page.dark .progress-widget{background:var(--games-bg-secondary)!important;border:1px solid var(--games-border-color)}@keyframes pattern-move{0%{background-position:0 0,0 0,0 0}to{background-position:40px 40px,60px 60px,30px 30px}}.question-detail-page{min-height:100vh;background:var(--bg-color);font-family:Cairo,sans-serif}.question-detail-page .container{max-width:1400px;margin:0 auto;padding:0 24px}.question-detail-page .breadcrumb-section{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:16px 0}.question-detail-page .breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.question-detail-page .breadcrumb-link{display:flex;align-items:center;gap:6px;color:var(--primary-color);text-decoration:none;transition:all .3s ease;padding:4px 8px;border-radius:4px}.question-detail-page .breadcrumb-link:hover{background:var(--primary-color-light);transform:translate(-2px)}.question-detail-page .breadcrumb-separator{color:var(--text-secondary)}.question-detail-page .breadcrumb-current{font-weight:500;color:var(--text-color)}.question-detail-page .question-layout{display:grid;grid-template-columns:1fr 320px;gap:48px;padding:40px 0;min-height:calc(100vh - 200px)}.question-detail-page .question-section{background:var(--bg-color);border:1px solid var(--border-color);border-radius:16px;padding:40px;box-shadow:0 8px 32px #0000000a;transition:all .3s ease;position:relative;overflow:hidden}.question-detail-page .question-section:before{content:"";position:absolute;top:0;right:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-color),#60a5fa)}.question-detail-page .question-header{margin-bottom:32px}.question-detail-page .question-meta{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.question-detail-page .author-info{display:flex;gap:16px;align-items:center}.question-detail-page .author-avatar{width:56px;height:56px;border-radius:50%;border:3px solid var(--primary-color-light);transition:all .3s ease}.question-detail-page .author-avatar:hover{transform:scale(1.05);border-color:var(--primary-color)}.question-detail-page .author-details h4{font-size:1.1rem;font-weight:700;color:var(--text-color);margin-bottom:8px}.question-detail-page .author-stats{display:flex;gap:16px;font-size:13px;color:var(--text-secondary)}.question-detail-page .author-stats span{display:flex;align-items:center;gap:4px}.question-detail-page .reputation{color:var(--primary-color);font-weight:600}.question-detail-page .question-stats{display:flex;gap:24px}.question-detail-page .stat{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-secondary);padding:8px 12px;background:var(--bg-secondary);border-radius:20px;transition:all .3s ease}.question-detail-page .stat:hover{background:var(--primary-color-light);color:var(--primary-color);transform:translateY(-1px)}.question-detail-page .question-title{font-size:2.2rem;font-weight:800;color:var(--text-color);line-height:1.3;margin-bottom:20px;background:linear-gradient(135deg,var(--text-color),var(--primary-color));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.question-detail-page .question-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.question-detail-page .badge{display:flex;align-items:center;gap:4px;background:linear-gradient(135deg,var(--primary-color),#3b82f6);color:#fff;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;box-shadow:0 2px 8px #3b82f64d}.question-detail-page .question-content{background:var(--bg-secondary);padding:28px;border-radius:12px;border-right:4px solid var(--primary-color);margin-bottom:24px;line-height:1.8;font-size:16px;color:var(--text-color);white-space:pre-line}.question-detail-page .question-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.question-detail-page .tag{background:var(--bg-secondary);color:var(--text-color);padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;border:1px solid var(--border-color);transition:all .3s ease}.question-detail-page .tag:hover{background:var(--primary-color-light);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}.question-detail-page .question-actions{display:flex;gap:16px;padding-top:24px;border-top:1px solid var(--border-color)}.question-detail-page .action-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-secondary);border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:Cairo,sans-serif}.question-detail-page .action-btn:hover{background:var(--primary-color-light);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e933}.question-detail-page .action-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.question-detail-page .answers-section{margin-top:40px}.question-detail-page .answers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:20px}.question-detail-page .answers-title{font-size:1.8rem;font-weight:700;color:var(--text-color);display:flex;align-items:center;gap:12px}.question-detail-page .answers-title:before{content:"";width:4px;height:32px;background:linear-gradient(180deg,var(--primary-color),#60a5fa);border-radius:2px}.question-detail-page .answers-controls{display:flex;gap:16px;align-items:center}.question-detail-page .search-box{position:relative;display:flex;align-items:center}.question-detail-page .search-box svg{position:absolute;right:12px;color:var(--text-secondary);z-index:1}.question-detail-page .search-box input{padding:10px 40px 10px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-color);color:var(--text-color);font-size:14px;width:250px;transition:all .3s ease;font-family:Cairo,sans-serif}.question-detail-page .search-box input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-light)}.question-detail-page .sort-dropdown{display:flex;align-items:center;gap:8px;position:relative}.question-detail-page .sort-dropdown select{padding:10px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-color);color:var(--text-color);font-size:14px;cursor:pointer;transition:all .3s ease;font-family:Cairo,sans-serif}.question-detail-page .sort-dropdown select:focus{outline:none;border-color:var(--primary-color)}.question-detail-page .answers-list{display:flex;flex-direction:column;gap:24px}.question-detail-page .answer-item{background:var(--bg-color);border:1px solid var(--border-color);border-radius:16px;padding:32px;transition:all .3s ease;position:relative;overflow:hidden}.question-detail-page .answer-item:hover{box-shadow:0 12px 40px #00000014;transform:translateY(-2px)}.question-detail-page .answer-item.accepted{border-color:#10b981;background:linear-gradient(135deg,#10b9810d,#10b98105)}.question-detail-page .answer-item.accepted:before{content:"";position:absolute;top:0;right:0;width:100%;height:4px;background:linear-gradient(90deg,#10b981,#34d399)}.question-detail-page .accepted-badge{display:flex;align-items:center;gap:8px;background:#10b981;color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:20px;width:fit-content;box-shadow:0 2px 8px #10b9814d}.question-detail-page .answer-header{margin-bottom:24px}.question-detail-page .answer-author{display:flex;gap:16px;align-items:center}.question-detail-page .answer-author .author-avatar{width:48px;height:48px}.question-detail-page .answer-author .author-info h4{font-size:1rem;font-weight:600;color:var(--text-color);margin-bottom:8px}.question-detail-page .author-badges{display:flex;gap:6px;margin-bottom:8px}.question-detail-page .mini-badge{background:var(--primary-color-light);color:var(--primary-color);padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500}.question-detail-page .answer-meta{display:flex;gap:12px;font-size:12px;color:var(--text-secondary)}.question-detail-page .answer-content{background:var(--bg-secondary);padding:24px;border-radius:12px;line-height:1.8;font-size:15px;color:var(--text-color);margin-bottom:20px}.question-detail-page .answer-content pre{background:#1e293b;color:#e2e8f0;padding:16px;border-radius:8px;overflow-x:auto;font-family:Courier New,monospace;margin:16px 0}.question-detail-page .answer-content strong{color:var(--primary-color);font-weight:700}.question-detail-page .answer-actions{display:flex;gap:16px;padding-top:20px;border-top:1px solid var(--border-color)}.question-detail-page .vote-btn,.question-detail-page .reply-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-secondary);border-radius:6px;font-size:13px;cursor:pointer;transition:all .3s ease;font-family:Cairo,sans-serif}.question-detail-page .vote-btn:hover,.question-detail-page .reply-btn:hover{background:var(--primary-color-light);border-color:var(--primary-color);color:var(--primary-color)}.question-detail-page .no-answers{text-align:center;padding:60px 20px;color:var(--text-secondary)}.question-detail-page .no-answers svg{margin-bottom:16px;opacity:.6;color:var(--primary-color)}.question-detail-page .no-answers h3{font-size:1.2rem;margin-bottom:8px;color:var(--text-color)}.question-detail-page .solutions-section{margin-top:40px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:16px;padding:32px;box-shadow:0 8px 32px #0000000a;position:relative;overflow:hidden}.question-detail-page .solutions-section:before{content:"";position:absolute;top:0;right:0;width:100%;height:4px;background:linear-gradient(90deg,#10b981,#34d399)}.question-detail-page .solutions-section .section-header{margin-bottom:24px}.question-detail-page .solutions-section .section-header h2{display:flex;align-items:center;gap:12px;font-size:1.8rem;font-weight:700;color:var(--text-color);margin:0}.question-detail-page .solutions-content{display:flex;flex-direction:column;gap:24px}.question-detail-page .solution-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:28px;transition:all .3s ease;position:relative}.question-detail-page .solution-item:hover{border-color:var(--primary-color);box-shadow:0 8px 24px #0ea5e91a;transform:translateY(-2px)}.question-detail-page .solution-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:16px}.question-detail-page .solution-header h3{font-size:1.3rem;font-weight:700;color:var(--text-color);margin:0;flex:1;line-height:1.4}.question-detail-page .solution-badges{display:flex;gap:8px;flex-shrink:0}.question-detail-page .difficulty{padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.question-detail-page .difficulty.مبتدئ{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.question-detail-page .difficulty.متوسط{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px #f59e0b4d}.question-detail-page .difficulty.متقدم{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.question-detail-page .time{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--bg-color);color:var(--text-secondary);border-radius:16px;font-size:12px;font-weight:500;border:1px solid var(--border-color)}.question-detail-page .solution-content{color:var(--text-secondary);line-height:1.8;margin-bottom:20px;font-size:16px}.question-detail-page .code-block{margin:20px 0;border-radius:12px;overflow:hidden;border:1px solid var(--border-color);box-shadow:0 4px 16px #0000001a}.question-detail-page .code-header{display:flex;align-items:center;gap:8px;background:var(--text-color);color:var(--bg-color);padding:12px 20px;font-size:14px;font-weight:600}.question-detail-page .code-block pre{margin:0;padding:24px;background:#2d3748;color:#e2e8f0;overflow-x:auto;font-family:Fira Code,Monaco,Consolas,monospace;font-size:14px;line-height:1.6}.question-detail-page .code-block code{font-family:inherit}.question-detail-page .tips-section{margin:20px 0;padding:20px;background:var(--primary-color-light);border-radius:12px;border-left:4px solid var(--primary-color)}.question-detail-page .tips-section h4{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--primary-color);margin:0 0 16px}.question-detail-page .tips-section ul{margin:0;padding-right:20px}.question-detail-page .tips-section li{color:var(--text-color);line-height:1.7;margin-bottom:8px;font-size:15px}.question-detail-page .tips-section li:last-child{margin-bottom:0}.question-detail-page .resources-section{margin:20px 0 0}.question-detail-page .resources-section h4{font-size:16px;font-weight:700;color:var(--text-color);margin:0 0 16px}.question-detail-page .resources-list{display:flex;flex-wrap:wrap;gap:12px}.question-detail-page .resource-link{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-color);color:var(--primary-color);text-decoration:none;border-radius:8px;font-size:14px;font-weight:500;transition:all .3s ease;border:1px solid var(--border-color)}.question-detail-page .resource-link:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #0ea5e94d}.question-detail-page .responses-section{margin-top:40px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:16px;padding:32px;box-shadow:0 8px 32px #0000000a;position:relative;overflow:hidden}.question-detail-page .responses-section:before{content:"";position:absolute;top:0;right:0;width:100%;height:4px;background:linear-gradient(90deg,#8b5cf6,#a855f7)}.question-detail-page .responses-section h2{display:flex;align-items:center;gap:12px;font-size:1.8rem;font-weight:700;color:var(--text-color);margin:0 0 24px}.question-detail-page .response-item{padding:20px 0;border-bottom:1px solid var(--border-color)}.question-detail-page .response-item:last-child{border-bottom:none;padding-bottom:0}.question-detail-page .response-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.question-detail-page .response-author{font-weight:700;color:var(--primary-color);font-size:15px}.question-detail-page .response-stats{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--text-secondary)}.question-detail-page .upvotes{display:flex;align-items:center;gap:4px;color:#e91e63;font-weight:500}.question-detail-page .response-date{color:var(--text-secondary)}.question-detail-page .response-content{color:var(--text-secondary);line-height:1.8;font-size:15px;margin:0}.question-detail-page .badge.hot{background:linear-gradient(135deg,#ff6b6b,#ee5a24);animation:pulse 2s infinite}.question-detail-page .badge.answered{background:linear-gradient(135deg,#00d2d3,#01a3a4)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.question-detail-page .related-sidebar{display:flex;flex-direction:column;gap:32px}.question-detail-page .related-section,.question-detail-page .help-section{background:var(--bg-color);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:0 4px 16px #0000000a}.question-detail-page .section-title{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;color:var(--text-color);margin-bottom:20px}.question-detail-page .related-questions{display:flex;flex-direction:column;gap:16px}.question-detail-page .related-item{padding:16px;border:1px solid var(--border-color);border-radius:8px;text-decoration:none;transition:all .3s ease;background:var(--bg-secondary)}.question-detail-page .related-item:hover{border-color:var(--primary-color);background:var(--primary-color-light);transform:translateY(-1px)}.question-detail-page .related-item h4{font-size:14px;font-weight:600;color:var(--text-color);margin-bottom:8px;line-height:1.4}.question-detail-page .related-stats{display:flex;gap:12px;font-size:12px;color:var(--text-secondary)}.question-detail-page .help-section p{color:var(--text-secondary);margin-bottom:16px;line-height:1.6}.question-detail-page .ask-question-btn{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Cairo,sans-serif}.question-detail-page .ask-question-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.question-detail-page .community-section{background:var(--bg-color);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:0 4px 16px #0000000a}.question-detail-page .community-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.question-detail-page .stat-item{text-align:center;padding:16px 8px;background:var(--bg-secondary);border-radius:12px;transition:all .3s ease}.question-detail-page .stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0ea5e91a}.question-detail-page .stat-number{display:block;font-size:1.5rem;font-weight:800;color:var(--primary-color);margin-bottom:4px}.question-detail-page .stat-label{font-size:13px;color:var(--text-secondary);font-weight:500}[data-theme=dark] .question-detail-page .breadcrumb-section{background:var(--bg-card);border-bottom-color:var(--border-main)}[data-theme=dark] .question-detail-page .question-section,[data-theme=dark] .question-detail-page .answer-item,[data-theme=dark] .question-detail-page .related-section,[data-theme=dark] .question-detail-page .help-section{background:var(--bg-card);border-color:var(--border-main)}[data-theme=dark] .question-detail-page .question-content,[data-theme=dark] .question-detail-page .answer-content{background:var(--bg-main)}[data-theme=dark] .question-detail-page .stat,[data-theme=dark] .question-detail-page .tag,[data-theme=dark] .question-detail-page .action-btn,[data-theme=dark] .question-detail-page .vote-btn,[data-theme=dark] .question-detail-page .reply-btn,[data-theme=dark] .question-detail-page .search-box input,[data-theme=dark] .question-detail-page .sort-dropdown select{background:var(--bg-main);border-color:var(--border-main)}[data-theme=dark] .question-detail-page .related-item{background:var(--bg-main)}[data-theme=dark] .question-detail-page .solutions-section,[data-theme=dark] .question-detail-page .responses-section{background:var(--bg-card);border-color:var(--border-main)}[data-theme=dark] .question-detail-page .solution-item{background:var(--bg-main);border-color:var(--border-main)}[data-theme=dark] .question-detail-page .code-header{background:var(--text-color);color:var(--bg-card)}[data-theme=dark] .question-detail-page .tips-section{background:#0ea5e91a}[data-theme=dark] .question-detail-page .resource-link,[data-theme=dark] .question-detail-page .time{background:var(--bg-main);border-color:var(--border-main)}[data-theme=dark] .question-detail-page .community-section{background:var(--bg-card);border-color:var(--border-main)}[data-theme=dark] .question-detail-page .stat-item{background:var(--bg-main)}@media (max-width: 1024px){.question-layout{grid-template-columns:1fr;gap:32px}.related-sidebar{order:-1}.answers-header{flex-direction:column;align-items:stretch}.answers-controls{flex-direction:column;gap:12px}.search-box input{width:100%}}@media (max-width: 768px){.container{padding:0 16px}.question-section,.answer-item{padding:24px 20px}.question-layout{padding:24px 0}.question-title{font-size:1.8rem}.question-meta{flex-direction:column;gap:16px}.question-stats{justify-content:flex-start}.question-actions,.answer-actions{flex-wrap:wrap}.author-info{flex-direction:column;text-align:center;gap:12px}.related-sidebar{margin-top:0}.answers-controls{gap:8px}}.my-courses-container{min-height:100vh;background:var(--bg-color);padding:2rem;padding-top:calc(2rem + 80px);direction:rtl}.my-courses-container .hero-section{background:linear-gradient(135deg,#1fdaad,#1fdab0);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2.2rem 1.2rem;margin-bottom:2rem;border-radius:20px;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.my-courses-container .hero-section .hero-content{flex:1;min-width:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.my-courses-container .hero-section .hero-content .hero-title{font-size:3rem;font-weight:700;color:#fff;margin-bottom:.7rem;display:flex;align-items:center;gap:1.5rem}.my-courses-container .hero-section .hero-content .hero-title .hero-icon{width:4rem;height:4rem;color:#fff}.my-courses-container .hero-section .hero-content .hero-subtitle{font-size:1.15rem;color:#15304b;line-height:1.7;text-align:center;margin-bottom:.2rem;font-weight:600}.my-courses-container .hero-section .hero-stats{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1.2rem;margin-top:.5rem;flex-wrap:wrap}.my-courses-container .hero-section .hero-stats .stat-card{background:#fff;border-radius:15px;padding:2rem 2.5rem;border:none;display:flex;align-items:center;gap:1.5rem;min-width:180px;box-shadow:0 4px 24px #1fdaad14;transition:transform .3s,box-shadow .3s}.my-courses-container .hero-section .hero-stats .stat-card:hover{transform:translateY(-8px) scale(1.04);box-shadow:0 10px 30px #1fdaad2e}.my-courses-container .hero-section .hero-stats .stat-card .stat-icon{width:3.2rem;height:3.2rem;color:gold}.my-courses-container .hero-section .hero-stats .stat-card .stat-info{display:flex;flex-direction:column}.my-courses-container .hero-section .hero-stats .stat-card .stat-info .stat-number{font-size:2.2rem;font-weight:900;color:#1b1b1b;letter-spacing:1px}.my-courses-container .hero-section .hero-stats .stat-card .stat-info .stat-label{font-size:1.1rem;color:#181717;font-weight:700;margin-top:.2rem}.my-courses-container .main-content{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:2rem}.my-courses-container .main-content .courses-section{width:100%}.my-courses-container .main-content .courses-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:var(--bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:1.5rem;border:1px solid var(--border-color)}.my-courses-container .main-content .courses-section .section-header .section-title{font-size:2rem;font-weight:600;color:var(--primary-color);margin:0}.my-courses-container .main-content .courses-section .section-header .section-actions{display:flex;align-items:center;gap:1rem}.my-courses-container .main-content .courses-section .section-header .section-actions .nav-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:.5rem;color:var(--primary-color);cursor:pointer;transition:all .3s ease}.my-courses-container .main-content .courses-section .section-header .section-actions .nav-button:hover:not(:disabled){background:var(--bg-hover);transform:scale(1.05)}.my-courses-container .main-content .courses-section .section-header .section-actions .nav-button:disabled{opacity:.5;cursor:not-allowed}.my-courses-container .main-content .courses-section .section-header .section-actions .page-info{color:var(--primary-color);font-weight:500;min-width:80px;text-align:center}.my-courses-container .main-content .courses-section .error-message{background:var(--error-bg, #fef2f2);border:1px solid var(--error-color, #fecaca);border-radius:10px;padding:1rem;color:var(--error-color, #b91c1c);margin-bottom:2rem;text-align:center}.my-courses-container .main-content .courses-section .courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2rem}@media (max-width: 768px){.my-courses-container .main-content .courses-section .courses-grid{grid-template-columns:1fr}}.my-courses-container .main-content .courses-section .courses-grid .course-card{background:var(--bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;overflow:hidden;border:1px solid var(--border-color);transition:all .3s ease;cursor:pointer}.my-courses-container .main-content .courses-section .courses-grid .course-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000014;border-color:var(--primary-color)}.my-courses-container .main-content .courses-section .courses-grid .course-card .course-image{position:relative;height:200px;overflow:hidden}.my-courses-container .main-content .courses-section .courses-grid .course-card .course-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.my-courses-container .main-content .courses-section .courses-grid .course-card .course-image .course-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0003;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.my-courses-container .main-content .courses-section .courses-grid .course-card .course-image .course-overlay .play-icon{width:3rem;height:3rem;color:var(--primary-color)}.my-courses-container .main-content .courses-section .courses-grid .course-card .course-image .progress-badge{position:absolute;top:1rem;right:1rem;background:var(--primary-color);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem}.my-courses-container .main-content .courses-section .courses-grid .course-card .course-image:hover .course-overlay{opacity:1}.my-courses-container .main-content .courses-section .courses-grid .course-card .course-image:hover img{transform:scale(1.1)}.my-courses-container .main-content .courses-section .courses-grid .course-card .course-content{padding:1.5rem}.my-courses-container .main-content .courses-section .courses-grid .course-card .course-content .course-title{font-size:1.3rem;font-weight:600;color:var(--primary-color);margin-bottom:.5rem;line-height:1.4}.my-courses-container .main-content .courses-section .courses-grid .course-card .course-content .course-description{color:var(--text-secondary);margin-bottom:1rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.my-courses-container .main-content .courses-section .courses-grid .course-card .course-content .instructor-info{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.my-courses-container .main-content .courses-section .courses-grid .course-card .course-content .instructor-info .instructor-avatar{width:2rem;height:2rem;border-radius:50%;object-fit:cover}.my-courses-container .main-content .courses-section .courses-grid .course-card .course-content .instructor-info .instructor-name{color:var(--text-secondary);font-size:.9rem}.my-courses-container .main-content .courses-section .courses-grid .course-card .course-content .progress-section{margin-bottom:1rem}.my-courses-container .main-content .courses-section .courses-grid .course-card .course-content .progress-section .progress-bar{height:8px;background:var(--bg-hover);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.my-courses-container .main-content .courses-section .courses-grid .course-card .course-content .progress-section .progress-bar .progress-fill{height:100%;border-radius:4px;background:var(--primary-color);transition:width .3s ease}.my-courses-container .main-content .courses-section .courses-grid .course-card .course-content .progress-section .progress-stats{display:flex;justify-content:space-between;align-items:center}.my-courses-container .main-content .courses-section .courses-grid .course-card .course-content .progress-section .progress-stats .progress-text{color:var(--text-secondary);font-size:.9rem}.my-courses-container .main-content .courses-section .courses-grid .course-card .course-content .progress-section .progress-stats .progress-percentage{color:var(--primary-color);font-weight:600}.my-courses-container .main-content .courses-section .courses-grid .course-card .course-content .course-meta{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.my-courses-container .main-content .courses-section .courses-grid .course-card .course-content .course-meta .meta-item{display:flex;align-items:center;gap:.3rem;color:var(--text-secondary);font-size:.8rem}.my-courses-container .main-content .courses-section .courses-grid .course-card .course-content .course-meta .meta-item .meta-icon{width:1rem;height:1rem}.my-courses-container .main-content .courses-section .courses-grid .course-card .course-content .course-actions .continue-btn{width:100%;background:var(--primary-color);border:none;border-radius:10px;padding:.8rem;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.my-courses-container .main-content .courses-section .courses-grid .course-card .course-content .course-actions .continue-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00000014}.my-courses-container .main-content .courses-section .courses-grid .course-card .course-content .course-actions .continue-btn .btn-icon{width:1.2rem;height:1.2rem}.my-courses-container .main-content .courses-section .empty-state{text-align:center;padding:4rem 2rem;background:var(--bg-secondary);border-radius:20px;border:1px solid var(--border-color)}.my-courses-container .main-content .courses-section .empty-state .empty-icon{width:4rem;height:4rem;color:var(--bg-hover);margin-bottom:1rem}.my-courses-container .main-content .courses-section .empty-state h3{color:var(--primary-color);font-size:1.5rem;margin-bottom:.5rem}.my-courses-container .main-content .courses-section .empty-state p{color:var(--text-secondary);margin-bottom:2rem}.my-courses-container .main-content .courses-section .empty-state .browse-courses-btn{background:var(--primary-color);border:none;border-radius:10px;padding:1rem 2rem;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.my-courses-container .main-content .courses-section .empty-state .browse-courses-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00000014}.my-courses-container .main-content .activity-sidebar{background:var(--bg-secondary);border-radius:20px;padding:1.5rem;border:1px solid var(--border-color);height:fit-content;position:sticky;top:2rem}.my-courses-container .main-content .activity-sidebar .sidebar-title{color:var(--primary-color);font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.my-courses-container .main-content .activity-sidebar .activity-list{display:flex;flex-direction:column;gap:1rem}.my-courses-container .main-content .activity-sidebar .activity-list .activity-item{display:flex;gap:1rem;padding:1rem;background:var(--bg-hover);border-radius:10px;border:1px solid var(--border-color);transition:all .3s ease}.my-courses-container .main-content .activity-sidebar .activity-list .activity-item:hover{background:var(--bg-secondary);transform:translate(-5px)}.my-courses-container .main-content .activity-sidebar .activity-list .activity-item .activity-icon .completed-icon{width:1.5rem;height:1.5rem;color:var(--primary-color)}.my-courses-container .main-content .activity-sidebar .activity-list .activity-item .activity-icon .in-progress-icon{width:1.5rem;height:1.5rem;color:var(--primary-hover)}.my-courses-container .main-content .activity-sidebar .activity-list .activity-item .activity-content{flex:1}.my-courses-container .main-content .activity-sidebar .activity-list .activity-item .activity-content .activity-title{color:var(--primary-color);font-size:.9rem;font-weight:600;margin-bottom:.2rem}.my-courses-container .main-content .activity-sidebar .activity-list .activity-item .activity-content .activity-course{color:var(--text-secondary);font-size:.8rem;margin-bottom:.5rem}.my-courses-container .main-content .activity-sidebar .activity-list .activity-item .activity-content .activity-progress{display:flex;align-items:center;gap:.5rem;margin-bottom:.3rem}.my-courses-container .main-content .activity-sidebar .activity-list .activity-item .activity-content .activity-progress .mini-progress-bar{flex:1;height:4px;background:var(--bg-hover);border-radius:2px;overflow:hidden}.my-courses-container .main-content .activity-sidebar .activity-list .activity-item .activity-content .activity-progress .mini-progress-bar .mini-progress-fill{height:100%;background:var(--primary-color);border-radius:2px;transition:width .3s ease}.my-courses-container .main-content .activity-sidebar .activity-list .activity-item .activity-content .activity-progress .activity-percentage{color:var(--primary-color);font-size:.8rem;min-width:30px}.my-courses-container .main-content .activity-sidebar .activity-list .activity-item .activity-content .activity-time{color:var(--text-secondary);font-size:.7rem}.my-courses-container .main-content .activity-sidebar .empty-activity{text-align:center;padding:2rem 1rem;color:var(--text-secondary)}.my-courses-container .main-content .activity-sidebar .empty-activity .empty-activity-icon{width:2rem;height:2rem;margin-bottom:.5rem}.my-courses-container .stat-label{color:#181717!important}@media (max-width: 768px){.my-courses-container{padding:1rem;padding-top:calc(1rem + 80px)}.my-courses-container .hero-section{padding:2rem 1rem;flex-direction:column;text-align:center}.my-courses-container .hero-section .hero-content .hero-title{font-size:2rem;justify-content:center}.my-courses-container .hero-section .hero-stats{justify-content:center}.my-courses-container .main-content .courses-section .courses-grid{grid-template-columns:1fr}.my-courses-container .main-content .activity-sidebar{position:static;margin-top:2rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.course-card,.activity-item{animation:fadeInUp .6s ease forwards}.gold-text{color:gold!important;font-weight:700;font-size:1.8rem;text-align:center;text-shadow:0 2px 4px rgba(255,215,0,.3);margin:1rem 0}.course-details-container{min-height:100vh;background:linear-gradient(135deg,#1fdaad14,#111a2d),#111a2d;direction:rtl;position:relative;padding-top:80px}.course-details-container .theme-toggle-btn{position:fixed;top:calc(2rem + 80px);left:2rem;z-index:1000;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease}.course-details-container .theme-toggle-btn:hover{background:#ffffff4d;transform:scale(1.1)}.course-details-container.dark{background:linear-gradient(135deg,#0f172a,#1e293b)}.course-details-container.dark .course-header{background:#0000004d;border-color:#ffffff1a}.course-details-container.dark .course-header .course-info .course-title{color:#e2e8f0}.course-details-container.dark .course-header .course-info .course-description{color:#e2e8f0e6}.course-details-container.dark .course-header .course-info .instructor-card{background:#0000004d;border-color:#ffffff1a}.course-details-container.dark .course-header .course-info .instructor-card .instructor-details .instructor-name{color:#e2e8f0}.course-details-container.dark .course-header .course-info .instructor-card .instructor-details .instructor-email{color:#e2e8f0b3}.course-details-container.dark .course-header .course-info .course-stats .stat-item{background:#0000004d;border-color:#ffffff1a}.course-details-container.dark .course-header .course-info .course-stats .stat-item .stat-content .stat-value{color:#e2e8f0}.course-details-container.dark .course-header .course-info .course-stats .stat-item .stat-content .stat-label{color:#e2e8f0b3}.course-details-container.dark .main-content .content-section .section-title{color:#e2e8f0}.course-details-container.dark .main-content .content-section .progress-overview{background:#0000004d;border-color:#ffffff1a}.course-details-container.dark .main-content .content-section .progress-overview .progress-grid .progress-card{background:#0003;border-color:#ffffff1a}.course-details-container.dark .main-content .content-section .progress-overview .progress-grid .progress-card .progress-header h3{color:#e2e8f0}.course-details-container.dark .main-content .content-section .progress-overview .progress-grid .progress-card .progress-details{color:#e2e8f0cc}.course-details-container.dark .main-content .content-section .sections-container .sections-list .section-card{background:#0000004d;border-color:#ffffff1a}.course-details-container.dark .main-content .content-section .sections-container .sections-list .section-card .section-header .section-info .section-details .section-title{color:#e2e8f0}.course-details-container.dark .main-content .content-section .sections-container .sections-list .section-card .section-header .section-info .section-details .section-meta{color:#e2e8f0b3}.course-details-container.dark .main-content .content-section .sections-container .sections-list .section-card .section-content{background:#0003}.course-details-container.dark .main-content .content-section .sections-container .sections-list .section-card .section-content .lessons-list .lesson-item .lesson-info .lesson-title{color:#e2e8f0}.course-details-container.dark .main-content .content-section .sections-container .sections-list .section-card .section-content .lessons-list .lesson-item .lesson-info .lesson-meta{color:#e2e8f0b3}.course-details-container.dark .main-content .content-section .sections-container .sections-list .section-card .section-content .lessons-list .lesson-item .lesson-progress .progress-percentage{color:#e2e8f0cc}.course-details-container.dark .main-content .sidebar .mentors-section{background:#0000004d;border-color:#ffffff1a}.course-details-container.dark .main-content .sidebar .mentors-section .mentors-list .mentor-card{background:#0003;border-color:#ffffff1a}.course-details-container.dark .main-content .sidebar .mentors-section .mentors-list .mentor-card .mentor-info .mentor-name{color:#e2e8f0}.course-details-container.dark .main-content .sidebar .mentors-section .mentors-list .mentor-card .mentor-info .mentor-email,.course-details-container.dark .main-content .sidebar .mentors-section .mentors-list .mentor-card .mentor-info .mentor-phone{color:#e2e8f0b3}.course-details-container.dark .main-content .sidebar .recent-activity{background:#0000004d;border-color:#ffffff1a}.course-details-container.dark .main-content .sidebar .recent-activity .activity-info .activity-text{color:#e2e8f0cc}.course-details-container .course-header{padding:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2)}.course-details-container .course-header .back-button{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:.8rem 1.5rem;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;margin-bottom:2rem}.course-details-container .course-header .back-button:hover{background:#ffffff4d;transform:translate(5px)}.course-details-container .course-header .course-hero{display:grid;grid-template-columns:300px 1fr;gap:2rem;align-items:start}@media (max-width: 768px){.course-details-container .course-header .course-hero{grid-template-columns:1fr;text-align:center}}.course-details-container .course-header .course-hero .course-image{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000004d}.course-details-container .course-header .course-hero .course-image img{width:100%;height:200px;object-fit:cover}.course-details-container .course-header .course-hero .course-image .course-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.course-details-container .course-header .course-hero .course-image .course-overlay .play-icon{width:3rem;height:3rem;color:#fff}.course-details-container .course-header .course-hero .course-image:hover .course-overlay{opacity:1}.course-details-container .course-header .course-hero .course-info .course-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1rem;line-height:1.2}@media (max-width: 768px){.course-details-container .course-header .course-hero .course-info .course-title{font-size:2rem}}.course-details-container .course-header .course-hero .course-info .course-description{color:#ffffffe6;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.course-details-container .course-header .course-hero .course-info .instructor-card{display:flex;align-items:center;gap:1rem;background:#ffffff1a;border-radius:15px;padding:1rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.2)}.course-details-container .course-header .course-hero .course-info .instructor-card .instructor-avatar{width:3rem;height:3rem;border-radius:50%;object-fit:cover}.course-details-container .course-header .course-hero .course-info .instructor-card .instructor-details .instructor-name{color:#fff;font-weight:600;margin-bottom:.2rem}.course-details-container .course-header .course-hero .course-info .instructor-card .instructor-details .instructor-email{color:#ffffffb3;font-size:.9rem}.course-details-container .course-header .course-hero .course-info .course-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.course-details-container .course-header .course-hero .course-info .course-stats .stat-item{background:#ffffff1a;border-radius:15px;padding:1.5rem;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:1rem;transition:transform .3s ease}.course-details-container .course-header .course-hero .course-info .course-stats .stat-item:hover{transform:translateY(-5px)}.course-details-container .course-header .course-hero .course-info .course-stats .stat-item .stat-icon{width:2rem;height:2rem;color:#1fdaad}.course-details-container .course-header .course-hero .course-info .course-stats .stat-item .stat-content .stat-value{display:block;font-size:1.5rem;font-weight:700;color:#fff}.course-details-container .course-header .course-hero .course-info .course-stats .stat-item .stat-content .stat-label{color:#fffc;font-size:.9rem}.course-details-container .main-content{display:grid;grid-template-columns:1fr 350px;gap:2rem;padding:2rem}@media (max-width: 1200px){.course-details-container .main-content{grid-template-columns:1fr}}.course-details-container .main-content .content-section .section-title{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem}.course-details-container .main-content .content-section .progress-overview{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2);margin-bottom:2rem}.course-details-container .main-content .content-section .progress-overview .progress-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.course-details-container .main-content .content-section .progress-overview .progress-grid .progress-card{background:#ffffff0d;border-radius:15px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.course-details-container .main-content .content-section .progress-overview .progress-grid .progress-card .progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.course-details-container .main-content .content-section .progress-overview .progress-grid .progress-card .progress-header h3{color:#fff;font-weight:600}.course-details-container .main-content .content-section .progress-overview .progress-grid .progress-card .progress-header .progress-percentage{color:#fbbf24;font-weight:700;font-size:1.2rem}.course-details-container .main-content .content-section .progress-overview .progress-grid .progress-card .progress-bar{height:10px;background:#fff3;border-radius:5px;overflow:hidden;margin-bottom:1rem}.course-details-container .main-content .content-section .progress-overview .progress-grid .progress-card .progress-bar .progress-fill{height:100%;border-radius:5px;transition:width .3s ease}.course-details-container .main-content .content-section .progress-overview .progress-grid .progress-card .progress-details{display:flex;justify-content:space-between;color:#fffc;font-size:.9rem}.course-details-container .main-content .content-section .sections-container .sections-list{display:flex;flex-direction:column;gap:1rem}.course-details-container .main-content .content-section .sections-container .sections-list .section-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;border:1px solid rgba(255,255,255,.2);overflow:hidden;transition:all .3s ease}.course-details-container .main-content .content-section .sections-container .sections-list .section-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0003}.course-details-container .main-content .content-section .sections-container .sections-list .section-card .section-header{padding:1.5rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .3s ease}.course-details-container .main-content .content-section .sections-container .sections-list .section-card .section-header:hover{background:#ffffff0d}.course-details-container .main-content .content-section .sections-container .sections-list .section-card .section-header .section-info{display:flex;align-items:center;gap:1rem}.course-details-container .main-content .content-section .sections-container .sections-list .section-card .section-header .section-info .section-number{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#1fdaad,#0cb88f);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1rem}.course-details-container .main-content .content-section .sections-container .sections-list .section-card .section-header .section-info .section-details .section-title{color:#fff;font-weight:600;margin-bottom:.3rem}.course-details-container .main-content .content-section .sections-container .sections-list .section-card .section-header .section-info .section-details .section-meta{display:flex;gap:1rem;color:#ffffffb3;font-size:.9rem}.course-details-container .main-content .content-section .sections-container .sections-list .section-card .section-header .section-progress{display:flex;align-items:center;gap:1rem}.course-details-container .main-content .content-section .sections-container .sections-list .section-card .section-header .section-progress .progress-circle{position:relative;display:flex;align-items:center;justify-content:center}.course-details-container .main-content .content-section .sections-container .sections-list .section-card .section-header .section-progress .progress-circle .progress-text{position:absolute;color:#fff;font-weight:600;font-size:.8rem}.course-details-container .main-content .content-section .sections-container .sections-list .section-card .section-header .section-progress .completion-badge{width:1.5rem;height:1.5rem;color:#10b981}.course-details-container .main-content .content-section .sections-container .sections-list .section-card .section-header .section-progress .expand-icon{color:#fff;font-size:1.2rem;transition:transform .3s ease}.course-details-container .main-content .content-section .sections-container .sections-list .section-card .section-header .section-progress .expand-icon.expanded{transform:rotate(180deg)}.course-details-container .main-content .content-section .sections-container .sections-list .section-card .section-content{border-top:1px solid rgba(255,255,255,.1);background:#0000001a}.course-details-container .main-content .content-section .sections-container .sections-list .section-card .section-content .lessons-list{padding:1rem}.course-details-container .main-content .content-section .sections-container .sections-list .section-card .section-content .lessons-list .lesson-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:10px;cursor:pointer;transition:all .3s ease;margin-bottom:.5rem}.course-details-container .main-content .content-section .sections-container .sections-list .section-card .section-content .lessons-list .lesson-item:hover{background:#ffffff0d;transform:translate(-5px)}.course-details-container .main-content .content-section .sections-container .sections-list .section-card .section-content .lessons-list .lesson-item.completed{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.course-details-container .main-content .content-section .sections-container .sections-list .section-card .section-content .lessons-list .lesson-item .lesson-icon .completed-icon{width:1.5rem;height:1.5rem;color:#10b981}.course-details-container .main-content .content-section .sections-container .sections-list .section-card .section-content .lessons-list .lesson-item .lesson-icon .play-icon{width:1.5rem;height:1.5rem;color:#f59e0b}.course-details-container .main-content .content-section .sections-container .sections-list .section-card .section-content .lessons-list .lesson-item .lesson-info{flex:1}.course-details-container .main-content .content-section .sections-container .sections-list .section-card .section-content .lessons-list .lesson-item .lesson-info .lesson-title{color:#fff;font-weight:600;margin-bottom:.2rem}.course-details-container .main-content .content-section .sections-container .sections-list .section-card .section-content .lessons-list .lesson-item .lesson-info .lesson-meta{display:flex;gap:1rem;color:#ffffffb3;font-size:.9rem}.course-details-container .main-content .content-section .sections-container .sections-list .section-card .section-content .lessons-list .lesson-item .lesson-info .lesson-meta .completion-status{color:#10b981;font-weight:600}.course-details-container .main-content .content-section .sections-container .sections-list .section-card .section-content .lessons-list .lesson-item .lesson-progress{display:flex;align-items:center;gap:.5rem}.course-details-container .main-content .content-section .sections-container .sections-list .section-card .section-content .lessons-list .lesson-item .lesson-progress .mini-progress-bar{width:60px;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.course-details-container .main-content .content-section .sections-container .sections-list .section-card .section-content .lessons-list .lesson-item .lesson-progress .mini-progress-bar .mini-progress-fill{height:100%;background:#10b981;border-radius:2px;transition:width .3s ease}.course-details-container .main-content .content-section .sections-container .sections-list .section-card .section-content .lessons-list .lesson-item .lesson-progress .progress-percentage{color:#fffc;font-size:.8rem;min-width:30px}.course-details-container .main-content .sidebar .sidebar-title{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.course-details-container .main-content .sidebar .sidebar-title .sidebar-icon{width:1.5rem;height:1.5rem;color:#fbbf24}.course-details-container .main-content .sidebar .mentors-section{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:1.5rem;border:1px solid rgba(255,255,255,.2);margin-bottom:2rem}.course-details-container .main-content .sidebar .mentors-section .mentors-list{display:flex;flex-direction:column;gap:1rem}.course-details-container .main-content .sidebar .mentors-section .mentors-list .mentor-card{background:#ffffff0d;border-radius:15px;padding:1rem;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:1rem}.course-details-container .main-content .sidebar .mentors-section .mentors-list .mentor-card .mentor-avatar{width:3rem;height:3rem;border-radius:50%;object-fit:cover}.course-details-container .main-content .sidebar .mentors-section .mentors-list .mentor-card .mentor-info{flex:1}.course-details-container .main-content .sidebar .mentors-section .mentors-list .mentor-card .mentor-info .mentor-name{color:#fff;font-weight:600;margin-bottom:.2rem}.course-details-container .main-content .sidebar .mentors-section .mentors-list .mentor-card .mentor-info .mentor-email,.course-details-container .main-content .sidebar .mentors-section .mentors-list .mentor-card .mentor-info .mentor-phone{color:#ffffffb3;font-size:.9rem;margin-bottom:.1rem}.course-details-container .main-content .sidebar .mentors-section .mentors-list .mentor-card .mentor-actions .contact-btn{background:linear-gradient(135deg,#1fdaad,#0cb88f);border:none;border-radius:8px;padding:.5rem 1rem;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.3rem}.course-details-container .main-content .sidebar .mentors-section .mentors-list .mentor-card .mentor-actions .contact-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.course-details-container .main-content .sidebar .mentors-section .mentors-list .mentor-card .mentor-actions .contact-btn .btn-icon{width:1rem;height:1rem}.course-details-container .main-content .sidebar .recent-activity{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:1.5rem;border:1px solid rgba(255,255,255,.2)}.course-details-container .main-content .sidebar .recent-activity .activity-info .activity-text{color:#fffc;font-size:.9rem;line-height:1.5}.error-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;direction:rtl}.error-container .error-content{text-align:center;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:3rem;border:1px solid rgba(255,255,255,.2)}.error-container .error-content h2{color:#fff;font-size:2rem;margin-bottom:1rem}.error-container .error-content p{color:#fffc;margin-bottom:2rem}.error-container .error-content .back-btn{background:linear-gradient(135deg,#1fdaad,#0cb88f);border:none;border-radius:10px;padding:1rem 2rem;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;margin:0 auto}.error-container .error-content .back-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0003}@media (max-width: 768px){.course-details-container{padding-top:80px}.course-details-container .theme-toggle-btn{top:calc(1rem + 80px);left:1rem;width:2.5rem;height:2.5rem}.course-details-container .course-header{padding:1rem}.course-details-container .course-header .course-hero .course-info .course-stats{grid-template-columns:1fr}.course-details-container .main-content{padding:1rem}.course-details-container .main-content .content-section .progress-overview .progress-grid{grid-template-columns:1fr}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.section-card,.lesson-item{animation:slideInUp .6s ease forwards}.gold-highlight,.completion-badge,.stat-item.completed .stat-icon,.progress-percentage.completed{color:gold!important;text-shadow:0 2px 8px rgba(255,215,0,.25)}.stat-item .stat-icon{color:#15304b}.stat-item.completed .stat-icon{color:gold}.course-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}@media (max-width: 600px){.course-stats{grid-template-columns:1fr;gap:.7rem;padding:.5rem 0}.stat-item{padding:1rem .7rem;flex-direction:row;align-items:center;gap:.7rem}.stat-content .stat-value{font-size:1.2rem!important}}.stat-content .stat-value{color:#222!important;font-weight:900;font-size:1.5rem}.stat-content .stat-label{color:#15304b!important;font-size:.95rem;font-weight:700}.stat-item.completed .stat-value,.stat-item.completed .stat-label{color:gold!important;text-shadow:0 2px 8px rgba(255,215,0,.18)}.progress-fill.completed{background:linear-gradient(90deg,gold 60%,#ffef8f);box-shadow:0 2px 8px #ffd70026}.progress-percentage{font-weight:700}.progress-percentage.completed{color:gold!important;text-shadow:0 2px 8px rgba(255,215,0,.25)}.completion-badge{color:gold!important;font-size:2rem;filter:drop-shadow(0 2px 8px rgba(255,215,0,.25))}.stat-value{font-size:2rem!important;font-weight:900!important;color:#fff;letter-spacing:1px;text-shadow:0 2px 8px rgba(31,218,173,.12)}.progress-circle .progress-text{font-weight:700}.progress-circle .progress-text.completed{color:gold!important;text-shadow:0 2px 8px rgba(255,215,0,.25)}.activity-info .activity-text{color:#919396!important}.course-details-container.dark .activity-info .activity-text{color:#e6dede!important}.course-header,.main-content .content-section .progress-overview,.main-content .content-section .sections-container .section-card,.sidebar,.mentors-section,.recent-activity{background:#ffffff1a!important;border-radius:20px;box-shadow:0 4px 24px #111a2d1a;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.course-title,.section-title,.sidebar-title,.instructor-name{color:#fff!important;text-shadow:0 2px 8px rgba(17,26,45,.18)}.course-description,.instructor-email,.activity-text,.section-meta,.lesson-meta{color:#b6c2d1!important}.stat-label{color:#e5e7eb!important}.progress-fill,.mini-progress-fill{background:linear-gradient(90deg,#1fdaad 60%,#0cb88f)!important}.continue-btn,.contact-btn,.back-btn{background:linear-gradient(135deg,#1fdaad,#0cb88f)!important;color:#fff!important;border:none;box-shadow:0 2px 8px #1fdaad1a}.section-card,.progress-card,.mentors-section,.recent-activity{box-shadow:0 8px 32px #111a2d2e}@media (max-width: 768px){.course-header,.main-content,.sidebar{border-radius:12px;padding:1rem}}.stat-value{color:#fff!important;font-size:2rem!important;font-weight:900!important;letter-spacing:1px;text-shadow:0 2px 8px rgba(31,218,173,.12)}.stat-icon{filter:drop-shadow(0 2px 8px rgba(31,218,173,.1))}.progress-percentage.completed,.stat-item.completed .stat-value,.stat-item.completed .stat-icon{color:gold!important;text-shadow:0 2px 8px rgba(255,215,0,.25)}.green-text{color:#1fdaad!important}.course-details-container .stat-value{color:#fff!important}.course-details-container .stat-label{color:#e5e7eb!important}