:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--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-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-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--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;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.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%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.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%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;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{--y: 0;position:relative;-ms-touch-action:none;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}.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-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.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;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start;z-index:1}.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:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.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;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-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)}}nav{width:100%;height:70px;background-color:#fff;padding:0 50px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 4px #0000001a;position:fixed;top:31px;left:0;z-index:1000}.nav-left{display:flex;align-items:center}.wida-logo{height:150px;width:150px}.links{display:flex;align-items:center;gap:40px}.nav-link{color:#333;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;padding:8px 0;position:relative}.nav-right{display:flex;align-items:center;gap:20px}.Login{color:#064919;font-weight:500;text-decoration:none;padding:8px 16px;border-radius:6px;transition:all .3s ease}.Login:hover{background-color:#0649191a}.signup-btn{background-color:#064919;color:#fff;font-weight:500;border:none;padding:10px 24px;border-radius:8px;text-decoration:none;transition:all .3s ease;font-size:14px}.signup-btn:hover{background-color:#053614;transform:translateY(-2px);box-shadow:0 4px 8px #06491933}.mobile-controls-container{display:none}.mobile-menu-overlay{display:none;position:fixed;inset:70px 0 0;background-color:#00000080;z-index:998;opacity:0;visibility:hidden;transition:opacity .3s ease}.mobile-menu-overlay.open{opacity:1;visibility:visible;display:block}@media screen and (max-width: 768px){nav{padding:0 20px}.links.desktop-links,.desktop-controls{display:none}.mobile-controls-container{display:flex;align-items:center;gap:15px}.nav-left{flex:1}.wida-logo{height:35px}}.btns{display:flex;align-items:center;gap:20px;margin-right:30px}.nav-link:hover{color:#064919}.nav-link.active{color:#064919;background:#0649191a;padding:10px 20px;border-radius:10px}.user-profile{display:flex;align-items:center}.user-info{display:flex;align-items:center;gap:8px;padding:8px;border-radius:4px;cursor:pointer}.user-info:hover{background-color:#f5f5f5}.dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;min-width:150px;z-index:1000}.dropdown-item{padding:10px 15px;cursor:pointer}.dropdown-item:hover{background:#f5f5f5}.dropdown-item a{color:#333;text-decoration:none;display:block}.dropdown-item button{width:100%;text-align:left;background:none;border:none;color:#333;cursor:pointer;padding:0}.dropdown-menu:before{content:"";position:absolute;top:-8px;right:20px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white}.user-image{width:35px;height:35px;border-radius:50%;object-fit:cover}.user-icon{width:35px;height:35px;color:#ff7600}.user-name{color:#333;font-size:14px}.profile-image{width:40px;height:40px;border-radius:50%;cursor:pointer;border:2px solid #FF7600;transition:transform .3s ease}.profile-image:hover{transform:scale(1.1)}.profile-dropdown{position:absolute;top:120%;right:0;background:#fff;border-radius:12px;box-shadow:0 5px 20px #00000026;width:280px;z-index:1000;overflow:hidden;animation:dropdownFade .25s ease;border:1px solid rgba(0,0,0,.08);transform-origin:top right}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-user-info{padding:18px 20px;display:flex;align-items:center;gap:14px;background-color:#f8f9fa;border-bottom:1px solid #eee}.dropdown-profile-image{width:48px;height:48px;border-radius:50%;border:2px solid #064919;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#e8f5e9}.dropdown-profile-image img{width:100%;height:100%;object-fit:cover}.dropdown-profile-image svg{color:#064919;font-size:32px}.dropdown-user-details{display:flex;flex-direction:column;overflow:hidden}.dropdown-username{font-weight:600;color:#333;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Recoleta,sans-serif}.dropdown-email{color:#666;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.dropdown-divider{height:1px;background-color:#eee;margin:0}.dropdown-menu-items{padding:10px;display:flex;flex-direction:column;gap:4px}.dropdown-menu-items .dropdown-item{width:100%;padding:12px 16px;border:none;background:none;text-align:left;cursor:pointer;font-size:14px;color:#333;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;text-decoration:none}.dropdown-menu-items .dropdown-item:hover{background-color:#06491914;color:#064919}.profile-dropdown:before{content:"";position:absolute;top:-8px;right:16px;width:16px;height:16px;background-color:#f8f9fa;border-left:1px solid rgba(0,0,0,.08);border-top:1px solid rgba(0,0,0,.08);transform:rotate(45deg);z-index:-1}@media (max-width: 768px){.profile-dropdown{width:260px;right:-10px}.dropdown-user-info{padding:16px}.dropdown-profile-image{width:42px;height:42px}.dropdown-username{font-size:15px}.dropdown-email{font-size:12px}.dropdown-menu-items .dropdown-item{padding:10px 14px}}.user-controls{display:flex;align-items:center;gap:20px;margin-right:30px}.notification-wrapper{position:relative;display:flex;align-items:center}.notification-icon{position:relative;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease;color:#666}.notification-icon:hover{background-color:#f5f5f5;color:#ff7600}.notification-badge{position:absolute;top:-.4px;right:-.4px;background-color:#064919;color:#fff;border-radius:50%;width:18px;height:18px;font-size:11px;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.notifications-dropdown{position:absolute;top:120%;right:-10px;background:#fff;border-radius:8px;box-shadow:0 4px 15px #0000001a;width:300px;z-index:1000;overflow:hidden}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #eee}.notifications-header h3{font-size:16px;color:#333;margin:0}.mark-all-read{background:none;border:none;color:#ff7600;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px}.mark-all-read:hover{background-color:#fff1e6}.notification-item:hover{background-color:#f8faf8}.notification-item.unread{background-color:#f0f7f1}.notification-item.unread:hover{background-color:#e8f2e9}.notification-item p{margin:0;color:#333;font-size:13px;line-height:1.3;padding-right:15px}.notification-time{font-size:10px;color:#666;margin-top:4px;display:block}.notifications-dropdown:before{content:"";position:absolute;top:-8px;right:20px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:#f1f1f1}.notifications-list::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.notifications-list::-webkit-scrollbar-thumb:hover{background:#ccc}.mobile-menu{display:none}@media (max-width: 768px){nav{padding:0 20px}.links{display:none}.btns{margin-right:0;gap:10px}.Login{font-size:14px;padding:8px 16px}.SignUp{font-size:14px;padding:8px 20px;margin-right:0}.user-controls{margin-right:0;gap:15px}.notifications-dropdown{width:280px;right:-20px}.profile-dropdown{width:220px;right:-20px}.dropdown-menu-items{display:flex;flex-direction:column;gap:8px}.dropdown-item{width:100%;text-align:left;padding:12px 16px;border:none;background:none;color:#333;cursor:pointer;transition:background-color .2s ease}.dropdown-item:hover{background-color:#f5f5f5;color:#ff7600}}@media (max-width: 360px){nav{padding:0 10px}.btns{gap:8px}.Login,.SignUp{font-size:13px;padding:6px 14px}}.nav-dropdown{position:relative;display:inline-block}.dropdown-content{position:absolute;top:100%;left:0;background:#fff;min-width:220px;box-shadow:0 8px 16px #0000001a;border-radius:8px;padding:8px 0;opacity:0;transform-origin:top center;animation:dropdownAppear .3s ease forwards;z-index:1000}@keyframes dropdownAppear{0%{opacity:0;transform:translateY(-10px) scaleY(.97)}to{opacity:1;transform:translateY(0) scaleY(1)}}.dropdown-link{display:block;padding:12px 20px;color:#333;text-decoration:none;font-size:14px;transition:all .2s ease;position:relative}.dropdown-link:hover{background-color:#06491914;color:#064919;padding-left:24px}.dropdown-link:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background-color:#064919;transform:scaleY(0);transition:transform .2s ease}.dropdown-link:hover:before{transform:scaleY(1)}.dropdown-content:before{content:"";position:absolute;top:-8px;left:20px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white}.resources-dropdown{min-width:240px}@media (max-width: 768px){.nav-dropdown{position:static}.dropdown-content{position:static;box-shadow:none;animation:none;padding:0;margin:8px 0}.dropdown-content:before{display:none}.dropdown-link{padding:12px 32px}}.nav-link.with-arrow{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:100px}.dropdown-arrow{font-size:20px;transition:transform .3s ease;margin-left:auto;color:#333}.nav-dropdown.active .dropdown-arrow{transform:rotate(180deg)}.nav-link:hover .dropdown-arrow{color:#064919}.navtop{background-color:#0faf8333}.navtop p{color:#064919;font-weight:700;font-family:Recoleta;padding:10px 0;text-align:center}.profile-menu{position:relative;margin-left:20px}.profile-icon{display:flex;align-items:center;justify-content:center;cursor:pointer;width:40px;height:40px;border-radius:50%;background:#f5f5f5;transition:all .3s ease}.profile-icon:hover{background:#e5e5e5;transform:scale(1.05)}.profile-icon svg{width:24px;height:24px;color:#064919}.profile-icon img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #064919}.dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;min-width:200px;z-index:1000;padding:8px;animation:dropdownFade .2s ease}.dropdown-menu button{width:100%;padding:12px 16px;border:none;background:none;color:#333;font-size:14px;text-align:left;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s ease}.dropdown-menu button:hover{background:#f5f5f5;color:#064919}.notification-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;transition:all .3s ease;background-color:#06491914;position:relative}.notification-icon:hover{background-color:#06491926}.notification-icon svg{width:20px;height:20px;color:#064919}.notification-badge{position:absolute;top:-2px;right:-2px;background-color:#064919;color:#fff;border-radius:50%;width:18px;height:18px;font-size:11px;display:flex;align-items:center;justify-content:center;border:2px solid #fff;font-weight:700}.notifications-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;width:320px;z-index:1000;animation:dropdownFade .2s ease;overflow:hidden}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee;background-color:#f8f9fa}.notifications-header h3{font-size:16px;color:#333;margin:0;font-weight:600}.mark-all-read{background:none;border:none;color:#064919;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px;font-weight:500;transition:all .2s ease}.mark-all-read:hover{background-color:#0649191a}.notifications-list{max-height:350px;overflow-y:auto}.notification-item{padding:15px 20px;border-bottom:1px solid #eee;cursor:pointer;transition:all .2s ease;display:flex;align-items:flex-start;gap:12px}.notification-dot{width:10px;height:10px;background-color:transparent;border-radius:50%;margin-top:6px;flex-shrink:0}.notification-item.unread .notification-dot{background-color:#064919}.notification-content{flex:1}.notification-item:hover{background-color:#f8f9fa}.notification-item.unread{background-color:#0649190d}.notification-item.unread:hover{background-color:#06491914}.notification-item p{margin:0;color:#333;font-size:13px;line-height:1.4}.notification-time{display:block;font-size:11px;color:#777;margin-top:5px}.no-notifications-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background-color:#f9f9f9;min-height:150px}.no-notifications-message p{font-size:14px;color:#666;margin:10px 0}.dropdown-chevron{font-size:14px;transition:transform .3s ease;color:#666}.modal-dropdown-header:hover{background-color:#f1f1f1}.modal-dropdown-content{background-color:#f8f9fa;border-radius:8px;margin:0 8px 12px 16px;padding:5px;border-left:2px solid #064919}.modal-dropdown-link{display:block;padding:12px 16px;color:#555;text-decoration:none;font-size:14px;transition:all .2s ease;border-radius:6px;margin-bottom:4px}.modal-dropdown-link:hover{background-color:#06491914;color:#064919}.home-link{color:#064919;font-weight:600;font-size:1.1rem;text-decoration:none;padding:8px 16px;border-radius:4px;transition:all .3s ease}.home-link:hover{background-color:#0649191a;transform:translateY(-2px)}.mark-all-read{background:none;border:none;color:#064919;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.mark-all-read:hover{background-color:#e8f5e9;color:#064919}.notifications-list{max-height:400px;overflow-y:auto}.notifications-dropdown{width:320px;max-height:500px;border-radius:8px;box-shadow:0 4px 20px #00000026;border:1px solid #e0e0e0}.notification-item{padding:12px 15px;border-bottom:1px solid #eee;cursor:pointer;transition:all .3s ease;position:relative;background:#fff}.mobile-controls{display:none}.hamburger-menu{background:none;border:none;color:#064919;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s ease}.hamburger-menu:hover{background-color:#0649191a}.mobile-menu{position:fixed;top:70px;left:0;width:100%;height:0;background-color:#fff;overflow:hidden;transition:height .3s ease;z-index:999;box-shadow:0 4px 6px #0000001a;opacity:0}.mobile-menu.open{height:calc(100vh - 70px);overflow-y:auto;opacity:1}.mobile-menu-content{padding:20px;display:flex;flex-direction:column}.mobile-link{padding:15px 0;color:#333;text-decoration:none;font-size:16px;border-bottom:1px solid #eee;transition:color .2s ease}.mobile-link:hover{color:#064919}.mobile-dropdown{margin:5px 0}.mobile-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:15px 0;color:#333;font-size:16px;cursor:pointer;border-bottom:1px solid #eee}.dropdown-arrow{transition:transform .3s ease}.dropdown-arrow.rotated{transform:rotate(180deg)}.mobile-dropdown-content{padding-left:15px;background-color:#f9f9f9;border-radius:8px;margin:5px 0 10px}.mobile-dropdown-link{display:block;padding:12px 15px;color:#333;text-decoration:none;font-size:14px;transition:color .2s ease}.mobile-dropdown-link:hover{color:#064919}.mobile-auth-links{display:flex;flex-direction:column;gap:10px;margin-top:20px}.mobile-login,.mobile-signup{padding:12px 20px;text-align:center;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease}.mobile-login{background-color:transparent;border:1px solid #064919;color:#064919}.mobile-signup{background-color:#064919;color:#fff}.mobile-notification-section{margin-top:20px}.mobile-notification-section h3{color:#333;font-size:16px;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #eee}.mobile-notifications-list{max-height:300px;overflow-y:auto}.mobile-notification-item{padding:12px;margin-bottom:8px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer}.mobile-notification-item.unread{background-color:#f0f7f1;border-left:3px solid #064919}.mobile-notification-item p{margin:0;font-size:14px;color:#333}.mobile-profile-menu{margin-right:15px}@media (max-width: 768px){.desktop-links,.desktop-controls{display:none}.mobile-controls{display:flex;align-items:center}.nav-right{justify-content:space-between;width:100%;padding:0 10px}nav{padding:0 15px;height:70px}.navtop p{font-size:14px}.wida-logo{max-width:120px}}@media (max-width: 480px){.mobile-menu-content{padding:15px}.mobile-link,.mobile-dropdown-header{padding:12px 0;font-size:15px}.mobile-dropdown-link{padding:10px 15px;font-size:13px}.mobile-login,.mobile-signup{padding:10px 15px;font-size:14px}.navtop p{font-size:12px;padding:8px 0}}body.menu-open{overflow:hidden}.mobile-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1500;opacity:0;visibility:hidden;transition:opacity .3s ease}.mobile-modal.open{opacity:1;visibility:visible}.modal-content{background-color:#fff;width:90%;max-width:500px;max-height:80vh;border-radius:12px;box-shadow:0 5px 20px #0003;overflow-y:auto;transform:translateY(-20px);transition:transform .3s ease}.mobile-modal.open .modal-content{transform:translateY(0)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.modal-logo{height:35px;width:auto}.close-modal-btn{background:none;border:none;color:#333;font-size:24px;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s ease}.close-modal-btn:hover{background-color:#f5f5f5}.modal-body{padding:20px}.modal-link{display:block;padding:12px 16px;color:#333;text-decoration:none;font-size:16px;font-weight:500;border-radius:8px;margin-bottom:8px;transition:all .2s ease}.modal-link:hover{background-color:#f5f5f5;color:#064919}.modal-dropdown{margin-bottom:8px}.modal-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;color:#333;font-size:16px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.modal-dropdown-header:hover{background-color:#f5f5f5;color:#064919}.modal-dropdown-content{background-color:#f9f9f9;border-radius:8px;margin:4px 0 8px 16px;overflow:hidden}.modal-dropdown-link{display:block;padding:10px 16px;color:#666;text-decoration:none;font-size:14px;transition:all .2s ease}.modal-dropdown-link:hover{background-color:#eee;color:#064919}.modal-auth-buttons{display:flex;gap:10px;margin-top:20px;padding:0 16px}.modal-login-btn,.modal-signup-btn{padding:12px 0;text-align:center;border-radius:8px;text-decoration:none;font-weight:500;flex:1;transition:all .3s ease}.modal-login-btn{background-color:#fff;color:#064919;border:2px solid #064919}.modal-signup-btn{background-color:#064919;color:#fff;border:2px solid #064919}.modal-login-btn:hover,.modal-signup-btn:hover{transform:translateY(-2px);box-shadow:0 2px 5px #0000001a}@media (min-width: 769px){.mobile-controls-container{display:none!important}}@media (max-width: 768px){.notification-icon{width:36px;height:36px}.notification-badge{width:16px;height:16px;font-size:10px;top:-2px;right:-2px}.notifications-dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:350px;max-height:80vh;border-radius:12px;box-shadow:0 5px 25px #0003;animation:popIn .3s ease;z-index:1500}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-45%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.mobile-modal.open .notifications-dropdown{z-index:1600}.notifications-header{padding:15px;border-top-left-radius:12px;border-top-right-radius:12px}.notifications-list{max-height:60vh}}@media (max-width: 768px){.content-wrapper{padding-top:0!important;margin-top:10px!important}.hero-left h1{margin-top:0!important;font-size:26px!important;line-height:1.3!important}.hero-left{padding-top:0!important}.navtop+.home-container{margin-top:0!important}.home-container{margin-top:0!important;padding-top:0!important}.hero-right{margin-top:15px!important}}.modal-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;color:#333;font-size:16px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;background-color:#f8f9fa;margin-bottom:8px}.dropdown-chevron{font-size:14px;transition:transform .3s ease;color:#064919}.dropdown-chevron.rotated{transform:rotate(180deg)}.modal-dropdown-header span{flex:1}@media (max-width: 480px){.modal-content{width:95%;max-height:70vh}.modal-header{padding:12px 16px}.modal-body{padding:16px}.modal-dropdown-header{padding:12px 14px;font-size:15px}.modal-dropdown-link{padding:10px 14px;font-size:13px}.modal-link{padding:10px 14px;font-size:15px}}.notification-footer{padding:12px 15px;text-align:center;border-top:1px solid #eee;background-color:#f8f9fa;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.close-notifications-btn{background-color:#064919;color:#fff;border:none;padding:8px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.close-notifications-btn:hover{background-color:#053614}.mobile-modal .notifications-dropdown{margin-bottom:0;max-height:calc(90vh - 80px)}.home-container .content-wrapper{padding-top:0!important;margin-top:10px!important}body.menu-open .mobile-modal{z-index:1500}.top-banner{background-color:#89f8d9;padding:6px 0;text-align:center;width:100%;position:fixed;top:0;left:0;z-index:1002}.top-banner p{margin:0;color:#064919;font-size:15px;font-weight:600;font-family:Recoleta,serif}.top-banner span{font-weight:700}@media (max-width: 768px){.top-banner p{font-size:13px}.top-banner{padding:4px 0}nav{top:27px;padding:0 20px}body{padding-top:97px}.mobile-modal{top:97px;height:calc(100vh - 97px)}}@media (max-width: 480px){.top-banner p{font-size:11px}nav{top:25px}body{padding-top:95px}}body{padding-top:101px}.desktop-controls{display:flex;align-items:center;gap:15px}.notification-wrapper,.profile-menu,.nav-right{display:flex;align-items:center}.user-controls{display:flex;align-items:center;gap:15px}.profile-icon,.notification-icon{display:flex;align-items:center;justify-content:center;height:40px}@media (max-width: 768px){.navbar{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:0 15px!important;position:relative!important;height:70px!important}.nav-left{flex:0 0 auto!important;position:absolute!important;left:15px!important;top:50%!important;transform:translateY(-50%)!important;z-index:1!important}.nav-right{flex:0 0 auto!important;position:absolute!important;right:15px!important;top:50%!important;transform:translateY(-50%)!important;z-index:1!important}.links.desktop-links,.desktop-controls{display:none!important}.mobile-controls{display:flex!important;align-items:center!important;gap:15px!important}.hamburger-menu{display:flex!important;align-items:center!important;justify-content:center!important;background:none!important;border:none!important;color:#000!important;cursor:pointer!important;padding:8px!important;border-radius:4px!important;font-size:20px!important}.hamburger-menu:hover{background-color:#0649191a!important}.mobile-profile{position:relative!important;display:flex!important}.mobile-profile .profile-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:35px!important;height:35px!important;border-radius:50%!important;background:#f5f5f5!important;cursor:pointer!important}.mobile-profile .profile-icon img{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important}.mobile-dropdown-menu{position:absolute!important;top:45px!important;right:0!important;width:180px!important;z-index:1001!important}.mobile-menu{position:fixed!important;top:70px!important;left:0!important;width:100%!important;height:0!important;background-color:#fff!important;overflow:hidden!important;transition:height .3s ease,opacity .3s ease!important;z-index:999!important;box-shadow:0 4px 6px #0000001a!important;opacity:0!important;visibility:hidden!important}.mobile-menu.open{height:calc(100vh - 70px)!important;overflow-y:auto!important;opacity:1!important;visibility:visible!important}.wida-logo{max-height:35px!important;width:auto!important}.nav-logo{display:block!important;position:relative!important;z-index:2!important}}@media (max-width: 480px){.navbar{padding:0 10px!important}.nav-left{left:10px!important}.nav-right{right:10px!important}.mobile-controls{gap:8px!important}.hamburger-menu,.mobile-profile .profile-icon{width:32px!important;height:32px!important}.wida-logo{max-height:30px!important}}.mobile-controls-container{display:flex;align-items:center;justify-content:space-between;float:right;position:absolute;right:0}.mobile-menu.slide-menu{position:fixed!important;top:70px!important;right:-300px!important;width:300px!important;height:calc(100vh - 70px)!important;background-color:#fff!important;transition:all .3s ease-in-out!important;z-index:999!important;box-shadow:-2px 0 5px #0000001a!important;overflow-y:auto!important;visibility:visible!important;opacity:1!important}.mobile-menu.slide-menu.open{right:0!important}.mobile-menu-content{padding:20px!important;height:100%!important;overflow-y:auto!important;background-color:#fff!important;display:flex!important;flex-direction:column!important;gap:10px!important}.mobile-link{display:flex!important;align-items:center!important;padding:15px!important;color:#333!important;text-decoration:none!important;font-size:16px!important;border-radius:8px!important;transition:all .3s ease!important}.mobile-link:hover{background-color:#f5f5f5!important;color:#064919!important}.mobile-dropdown{margin:5px 0!important;border-radius:8px!important;overflow:hidden!important}.mobile-dropdown-header{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:15px!important;font-size:16px!important;color:#333!important;cursor:pointer!important;background-color:#fff!important;transition:all .3s ease!important;border-radius:8px!important}.mobile-dropdown-header:hover{background-color:#f5f5f5!important;color:#064919!important}.mobile-dropdown-content{padding:5px!important;background-color:#f9f9f9!important;border-radius:8px!important;margin:5px 0!important}.mobile-dropdown-link{display:block!important;padding:12px 15px!important;color:#666!important;text-decoration:none!important;font-size:14px!important;border-radius:6px!important;transition:all .3s ease!important}.mobile-dropdown-link:hover{background-color:#e9e9e9!important;color:#064919!important}.mobile-auth-links{margin-top:20px!important;padding:15px!important;display:flex!important;flex-direction:column!important;gap:10px!important;border-top:1px solid #eee!important}.mobile-login,.mobile-signup{padding:12px!important;text-align:center!important;text-decoration:none!important;border-radius:8px!important;font-weight:500!important;transition:all .3s ease!important}.mobile-login{background-color:#fff!important;color:#064919!important;border:2px solid #064919!important}.mobile-signup{background-color:#064919!important;color:#fff!important;border:2px solid #064919!important}.mobile-login:hover,.mobile-signup:hover{transform:translateY(-1px)!important;box-shadow:0 2px 5px #0000001a!important}.mobile-user-section{padding:20px!important;border-bottom:1px solid #eee!important;display:flex!important;align-items:center!important;gap:15px!important}.mobile-user-info{flex:1!important}.mobile-user-name{font-weight:500!important;color:#333!important;font-size:16px!important}.mobile-user-email{color:#666!important;font-size:14px!important;margin-top:2px!important}.mobile-notification-section{margin-top:20px!important;padding:15px!important;background-color:#f9f9f9!important;border-radius:8px!important}.mobile-notification-section h3{color:#333!important;font-size:16px!important;margin-bottom:15px!important;display:flex!important;align-items:center!important;gap:8px!important}.mobile-notification-item{padding:12px!important;margin-bottom:8px!important;background-color:#fff!important;border-radius:8px!important;box-shadow:0 1px 3px #0000001a!important;transition:all .3s ease!important}.mobile-notification-item:hover{transform:translateY(-1px)!important;box-shadow:0 2px 5px #00000026!important}.dropdown-arrow.rotated{transform:rotate(180deg)!important}body.menu-open{overflow:hidden!important}.footer-container{width:100%;background-color:#fff;border-top:1px solid rgba(0,0,0,.1)}.footer-banner{display:flex;justify-content:space-between;align-items:center;background-color:#064919;color:#fff;padding:30px 50px}.banner-left h3{font-size:24px;font-weight:600}.banner-right h2{font-size:28px;font-weight:700;text-align:right}.footer-content{display:flex;padding:50px;gap:50px}.footer-left{flex:0 0 250px;display:flex;flex-direction:column;gap:20px}.footer-logo{width:150px;margin-bottom:20px}.contact-info{display:flex;flex-direction:column;gap:15px}.contact-item{display:flex;align-items:center;gap:10px;color:#2d2d2d;font-size:14px}.contact-item svg{font-size:18px;color:#064919}.social-icons{display:flex;gap:15px;margin-top:20px;margin-left:80px}.social-icons a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #2D2D2D;border-radius:4px;color:#2d2d2d;text-decoration:none;font-size:18px;transition:all .3s ease}.social-icons a:hover{background-color:#064919;color:#fff;border-color:#064919}.footer-links{flex:1;display:flex;justify-content:space-between;gap:20px}.footer-column{flex:1}.footer-column-header{display:flex;justify-content:space-between;align-items:center}.footer-column h3{color:#064919;font-size:18px;margin-bottom:15px;font-weight:600}.footer-list{list-style:none;padding:0;margin:0}.footer-list li{margin-bottom:10px}.footer-list li a,.footer-list li span{color:#2d2d2d;text-decoration:none;transition:color .3s ease;font-size:14px;cursor:pointer}.footer-list li a:hover,.footer-list li span:hover{color:#064919}.footer-column p{color:#2d2d2d;font-size:14px;margin-bottom:15px}.subscribe-form{display:flex;flex-direction:column;gap:10px}.subscribe-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#064919}.subscribe-input-wrapper input{width:100%;padding:10px 10px 10px 35px;border:1px solid #ddd;border-radius:4px;font-size:14px}.subscribe-form button{padding:10px 15px;background-color:#064919;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;font-weight:500}.subscribe-form button:hover{background-color:#053612}.footer{display:flex;justify-content:center;align-items:center;background-color:#fff;color:#000;padding:20px 30px;font-size:14px;border-top:1px solid #6e6e6e98;text-align:center}.footer-text h3{text-align:center;font-size:14px;font-weight:700;color:#2d2d2d}.mobile-dropdown-icon{display:none}@media (max-width: 1024px){.footer-content{padding:30px;gap:30px}}@media (max-width: 768px){.footer-banner{flex-direction:column;text-align:center;padding:20px;gap:20px}.banner-right h2{text-align:center;font-size:22px}.banner-left h3{font-size:18px}.footer-content{flex-direction:column;padding:20px;gap:25px}.footer-left{flex:0 0 auto;align-items:center;text-align:center}.footer-logo-container{width:100%;display:flex;justify-content:center}.footer-logo{margin-bottom:10px;width:120px}.contact-info{width:100%;margin-left:80px;text-align:center;align-items:center;justify-content:center}.footer-logo-container{margin-left:80px}.contact-item{justify-content:center}.social-icons{justify-content:center;margin-top:10px}.footer-links{flex-direction:column;gap:10px}.footer-column{border-bottom:1px solid #eee;padding-bottom:10px}.footer-column:last-child{border-bottom:none}.mobile-dropdown-icon{display:block;cursor:pointer;color:#064919;font-size:20px}.footer-column-header{cursor:pointer;padding:10px 0}.footer-list,.footer-subscribe{max-height:0;overflow:hidden;transition:max-height .3s ease}.footer-list.expanded,.footer-subscribe.expanded{max-height:300px}.footer-subscribe{padding:0 10px}.subscribe-form{margin-bottom:15px}.footer{padding:15px}.footer-text h3{font-size:12px}}@media (max-width: 480px){.footer-banner{padding:15px}.banner-right h2{font-size:18px}.banner-left h3{font-size:16px}.footer-content{padding:15px}.contact-item span{font-size:13px}.social-icons a{width:28px;height:28px;font-size:16px}.footer-column h3{font-size:16px}.footer-list li a,.footer-list li span{font-size:13px}.subscribe-form button{padding:8px 12px;font-size:13px}}.auth-container{display:flex;min-height:100vh;margin:0;padding:0}.auth-left{position:relative;width:35%;overflow:hidden;background-color:transparent;padding:0;margin:0}.auth-left img{width:100%;height:auto;object-fit:contain;max-height:100vh;margin-right:100px}.slide-container{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out}.slide-container.active{opacity:1}.slide-image{width:100%;height:100%;object-fit:cover;display:block;margin:0;padding:0}.slide-content{position:absolute;bottom:20%;left:10%;right:10%;color:#fff;text-align:left;z-index:2;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.testimonial-text{font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.testimonial-author{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;color:#fff}.testimonial-role{font-size:1rem;color:#fff}.login-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 70px);padding:20px;background-color:#f5f5f5}.login-box{background:#fff;padding:40px;border-radius:10px;box-shadow:0 0 20px #0000001a;width:100%;max-width:400px}.login-box h2{color:#333;margin-bottom:10px;text-align:center}.login-box p{color:#666;text-align:center;margin-bottom:30px}.google-signin-btn{width:100%;padding:12px;background:#fff;border:1px solid #ddd;color:#000;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:background-color .3s}.google-signin-btn:hover{background-color:#f5f5f5}.google-signin-btn img{width:20px;height:20px}.divider{margin:20px 0;text-align:center;position:relative}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:45%;height:1px;background-color:#ddd}.divider:before{left:0}.divider:after{right:0}.divider span{background-color:#fff;padding:0 10px;color:#666}.login-form{display:flex;flex-direction:column;gap:15px}.login-form input{padding:12px;border:1px solid #ddd;border-radius:5px;font-size:16px}.forgot-password{text-align:left;color:#064919}.forgot-password a{color:#064919;font-size:12px;text-decoration:underline}.admin-link{position:fixed;bottom:20px;right:20px;color:#064919;text-decoration:underline;font-size:14px;opacity:.8;transition:opacity .3s ease}.admin-link:hover{opacity:1}body{padding-top:0!important}.auth-container{display:flex;min-height:100vh}.auth-left{display:flex;align-items:left;justify-content:left;position:relative;overflow:hidden}.auth-left img{width:100%;height:auto;max-height:100vh}.auth-right{flex:1;display:flex;align-items:center;justify-content:center;padding:20px 40px;background:#fff}.auth-form-container{width:100%;max-width:400px}.auth-form-box h2{font-family:Recoleta,serif;font-size:20px;color:#2d2d2d;margin-bottom:8px;font-weight:500}.auth-subtitle{font-family:Poppins,sans-serif;font-size:12px;color:#666;margin-bottom:24px}.auth-switch{text-align:right;margin-bottom:20px;font-family:Poppins,sans-serif;font-size:13px;color:#666}.auth-switch a{color:#064919;text-decoration:none;font-weight:500}.auth-form-box{display:flex;flex-direction:column;justify-content:center;border:1px solid #064919;height:550px;padding:0 30px}.error-message{background:#fee;color:#e44;padding:10px;border-radius:8px;margin-bottom:16px;font-size:14px}.auth-form{display:flex;flex-direction:column;gap:10px}.form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.input-icon{position:absolute;left:12px;color:#666;font-size:20px;pointer-events:none}.password-toggle{position:absolute;right:12px;background:none;border:none;color:#666;cursor:pointer;padding:0;font-size:20px;display:flex;align-items:center}.password-toggle:hover{background:none}.auth-input{width:100%;border:1px solid #E5E5E5;border-radius:8px;font-family:Poppins,sans-serif;font-size:13px;color:#2d2d2d;height:42px;background-color:#fff;padding:10px 16px 10px 40px}.auth-input::placeholder{color:#999;font-size:12px;transform:translate(0)}.spacing{padding-left:40px}.auth-input[type=password]{padding-right:42px}.auth-button{width:100%;padding:12px;background:#064919;color:#fff;border:none;font-family:Poppins,sans-serif;font-size:12px;font-weight:300;cursor:pointer;margin-top:8px}.auth-button:disabled{background:#ccc;cursor:not-allowed}.auth-footer{text-align:center;margin-top:24px;font-family:Poppins,sans-serif;font-size:13px;color:#666}.auth-footer a{color:#064919;text-decoration:none;font-weight:500}.terms-checkbox{display:flex;align-items:center;gap:8px;margin-top:12px;font-family:Poppins,sans-serif;font-size:10px;color:#666}.terms-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#064919}.terms-checkbox label{cursor:pointer}.terms-checkbox a,.terms-link{color:#064919;text-decoration:underline;font-weight:500}@media (max-width: 768px){.auth-container{flex-direction:column}.auth-left{display:none}.auth-right{padding:20px}.auth-form-container{padding:0}}.auth-button:hover,.google-auth-btn:hover{transform:none;background:#064919}.google-auth-btn:hover{background:#fff}.slideshow-container{width:100%;height:100%;position:relative}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out}.slide.active{opacity:1}.slide img{width:100%;height:100%;object-fit:cover}.forgot-password-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 70px);padding:20px;background-color:#f5f5f5}.forgot-password-box{background:#fff;padding:40px;border-radius:10px;box-shadow:0 0 20px #0000001a;width:100%;max-width:400px}.forgot-password-box h2{color:#333;margin-bottom:10px;text-align:center}.forgot-password-box p{color:#666;text-align:center;margin-bottom:30px}.forgot-password-form{display:flex;flex-direction:column;gap:20px}.forgot-password-form input{padding:12px;border:1px solid #ddd;border-radius:5px;font-size:16px;width:100%}.reset-btn{background-color:#ff7600;color:#fff;padding:12px;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s;display:flex;align-items:center;justify-content:center;gap:10px}.reset-btn:hover{background-color:#e66a00}.reset-btn:disabled{opacity:.7;cursor:not-allowed;background-color:#999}.back-to-login{margin-top:20px;width:100%;padding:12px;background:transparent;border:1px solid #FF7600;color:#ff7600;border-radius:5px;cursor:pointer;font-size:16px;transition:all .3s}.back-to-login:hover{background:#ff7600;color:#fff}.back-to-login:disabled{opacity:.7;cursor:not-allowed;border-color:#999;color:#999}.btn-redesign{border-radius:10px!important}.admin-auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.admin-auth-box{width:100%;max-width:400px}.admin-auth-header{text-align:center;margin-bottom:30px}.admin-auth-header h2{color:#064919;margin-bottom:10px;font-size:24px}.admin-auth-header p{color:#666;font-size:14px}.admin-auth-form{display:flex;flex-direction:column;gap:20px}.admin-auth-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:5px;font-size:14px;transition:border-color .3s ease}.admin-auth-input:focus{border-color:#064919;outline:none}.admin-auth-button{background-color:#064919;color:#fff;padding:12px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.admin-auth-button:hover{background-color:#043612}.admin-auth-button:disabled{background-color:#ccc;cursor:not-allowed}.admin-auth-footer{margin-top:20px;text-align:center}.back-to-login{color:#064919;text-decoration:none;font-size:14px;transition:opacity .3s ease}.back-to-login:hover{opacity:.8}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:12px;color:#666}.admin-auth-input{padding-left:40px}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:#666;display:flex;align-items:center;padding:0}.password-toggle:focus{outline:none}.back-to-login-reg{border:none;outline:none;color:#043612;text-decoration:none;font-size:15px}@font-face{font-family:Recoleta;src:url(/assets/Recoleta-RegularDEMO-DRe7LCjr.otf) format("opentype")}@media screen and (max-width: 768px){body{padding-top:100px!important}}html{scroll-behavior:smooth}.course-section,.testimonials-section{scroll-margin-top:80px}.dashboard-course-img{width:100%!important}.dashboard-course-wrapper{width:50%}.course-lrn{background-color:#053815;color:#fff!important;font-family:poppins;font-size:13px!important;border:none;border-radius:8px;padding:10px 20px}.home-container{padding:150px 20px 0!important;background:#fff}.hero-left p{font-size:141px;line-height:1.8;color:#2d2d2d;margin-bottom:28px;text-align:start;word-break:normal;-webkit-hyphens:auto;hyphens:auto;min-width:300px}@media (max-width: 1200px){.home-container{padding:0 40px!important}.hero-left h1{font-size:20px;font-weight:700}.hero-image{max-width:300px}}@media (max-width: 768px){.home-container{padding:0 15px!important}.content-wrapper{flex-direction:column-reverse;text-align:center;gap:20px}.hero-left p{text-align:left}.button-group{justify-content:center}.hero-image{max-width:250px}}@media (max-width: 768px){.course-card{min-width:300px}}.testimonial-text{font-family:Poppins,sans-serif;font-size:14px;line-height:1.8;color:#2d2d2d;max-width:500px;margin:0 auto}.program-section{padding:20px 0;text-align:center}.study-card h3{font-family:Poppins,sans-serif;font-size:15px;font-weight:900;margin-bottom:8px;color:#fff}@media (max-width: 768px){.study-grid{grid-template-columns:1fr}.why-study-section{padding:40px 20px;margin:5px 20px}}.about-container{max-width:1200px;margin:0 auto}.contact-container,.about-container,.physical-program-container,.scholarship-container,.blog-container,.privacy-container,.collaborate-container,.faq-container{padding:120px 0 0!important}@media (max-width: 768px){.partner-section{flex-direction:column}.benefits-grid{grid-template-columns:1fr}.collaborate-header,.contribution-section{padding:30px 20px}.faq-section{padding:0!important;margin:0!important;max-width:1500px!important}.faq-section h2{font-size:10px!important}}@font-face{font-family:Recoleta;src:url(/assets/Recoleta-RegularDEMO-DRe7LCjr.otf) format("opentype")}body{margin:0;padding:0;overflow-x:hidden;width:100%;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}button{font-family:Roboto}.content-wrapper{display:flex;align-items:center;justify-content:space-between;gap:40px;max-width:1500px;margin:0 auto;padding:30px 20px}.hero-left{flex:1;max-width:800px}.hero-left h1{font-family:Recoleta,serif;font-size:40px;font-weight:500;line-height:1.4;margin-bottom:20px;color:#333}.hero-left .highlight{font-weight:900;color:#064919;font-family:Recoleta,serif}.highlight{color:#064919;font-weight:600}.hero-left p{font-size:15px;line-height:1.8;color:#2d2d2d;margin-bottom:28px;text-align:start;word-break:normal;-webkit-hyphens:auto;hyphens:auto;min-width:300px}.button-group{display:flex;gap:16px}.primary-btn{font-family:Poppins,sans-serif;background:#064919;color:#fff;padding:10px 20px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.secondary-btn{font-family:Poppins,sans-serif;background:transparent;color:#064919;padding:10px 20px;border:1px solid #064919;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.primary-btn:hover{background:#053815;transform:translateY(-2px)}.secondary-btn:hover{background:#06491910;transform:translateY(-2px)}.hero-right{flex:1;display:flex;justify-content:flex-end;padding-right:40px}.hero-image{width:100%;max-width:450px;height:auto;object-fit:contain}@media (max-width: 1200px){.home-container{padding:0 40px!important}.hero-left h1{font-size:28px}.hero-image{max-width:300px}}@media (max-width: 768px){.home-container{padding:0 15px!important}.content-wrapper{flex-direction:column-reverse;text-align:center;gap:20px}.button-group{justify-content:center}.hero-image{max-width:250px}}.offer-section{padding:60px 20px;background-color:#fff}.offer-header{text-align:center;max-width:800px;margin:0 auto 60px}.offer-header h1{font-family:Recoleta,serif;font-size:30px;color:#2d2d2d;margin-bottom:16px}.offer-header p{font-family:Poppins,sans-serif;font-size:14px;line-height:1.6;color:#2d2d2d}.offer-cards{display:flex;flex-direction:column;gap:40px;max-width:1200px;margin:0 auto}.offer-card{display:flex;align-items:center;gap:40px;padding:30px;background:#32a889;border-radius:12px;box-shadow:0 4px 6px #0000001a}.offer-card:last-child{background:#124c32}.offer-card.reverse{flex-direction:row-reverse;background:#0a7745}.offer-content{flex:1}.offer-content h1{font-family:Recoleta,serif;font-size:30px;color:#fff;margin-bottom:16px}.offer-content p{font-family:Poppins,sans-serif;font-size:14px;line-height:1.6;color:#fff;margin-bottom:24px}.offer-btn{font-family:Recoleta,serif;background:#064919;color:#fff;padding:10px 24px;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s ease}.offer-btn:hover{background:#053815;transform:translateY(-2px)}.offer-image{flex:1;max-width:500px}.offer-image img{width:100%;height:auto;object-fit:contain}@media (max-width: 768px){.offer-card,.offer-card.reverse{flex-direction:column;text-align:center}.offer-content{order:1}.offer-image{order:2;max-width:300px;margin:0 auto}}.course-section{position:relative;padding:40px 0}.nav-arrow{width:40px;height:40px;border-radius:50%;background:#064919;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.nav-arrow:hover{background:#043613}.course-card{min-width:calc(50% - 10px);flex:0 0 auto;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column}.course-image{width:100%;height:200px;object-fit:cover}.course-info{padding:20px;display:flex;flex-direction:column;gap:16px}.course-type{display:flex;flex-direction:column;gap:8px}.type-item{display:flex;align-items:center;gap:8px;color:#666;font-size:14px}.course-info h2{font-family:Recoleta,serif;font-size:20px;color:#064919}.course-info p{font-size:14px;color:#666;line-height:1.6}.learn-more{border:1px solid #064919;padding:10px 20px;border-radius:6px;cursor:pointer;transition:background-color .3s;align-self:flex-start}@media (max-width: 768px){.course-card{width:100%}.course-header{text-align:center}.course-image{height:250px}}.tryout-section{padding:80px 40px;color:#fff}.tryout-card{display:flex;gap:40px;align-items:center;justify-content:center;align-items:flex-start;max-width:1200px;margin:0 auto;padding:40px;border-radius:12px;background:#001a12}.tryout-image-wrapper{flex:1;max-width:45%;display:flex;justify-content:center;align-items:center;margin-top:15%}.image-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:12px;overflow:hidden}.tryout-image{width:100%;height:100%;object-fit:cover;display:block}.tryout-content{flex:1;padding:20px 0;z-index:1;color:#fff}.tryout-content h2{font-family:Recoleta,serif;font-size:24px;color:#fff;margin-bottom:20px}.tryout-content p{font-family:Recoleta,serif;font-size:13px;line-height:1.6;color:#fff;margin-bottom:30px}.benefit-icon{background:#e5e5e5;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.benefit-icon svg{font-size:16px;color:#000}.benefit-text{flex:1}.benefit-text h3{font-family:Poppins,sans-serif;font-size:15px;margin-bottom:8px;color:#fff;font-weight:500}.benefit-text p{font-family:Poppins,sans-serif;font-size:13px;margin:0;line-height:1.5;color:#fff;opacity:.85}.tryout-btn{background:#fff;color:#0a7745;padding:10px 20px;border:none;border-radius:6px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:32px}.tryout-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fff3}@media (max-width: 768px){.tryout-section{padding:40px 20px}.tryout-card{flex-direction:column;padding:20px}.tryout-image-wrapper{max-width:100%}.tryout-content h2{font-size:24px}}.image-data{position:relative;width:100%;max-width:800px;margin:60px auto;padding:0 20px}.image-data img{width:100%;height:400px;object-fit:fill;border-radius:12px}.image-data:before{content:"";position:absolute;inset:0 20px;background:linear-gradient(#0000004d,#0009);border-radius:12px;z-index:1}.youtube-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;color:red;font-size:60px;cursor:pointer;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.image-data{margin:40px auto}.image-data img{height:300px}.youtube-play-icon{font-size:40px}}.testimonials-section{padding:80px 0;text-align:center;position:relative;max-width:100%;overflow:hidden}.testimonials-section h1{font-family:Recoleta,serif;font-size:36px;color:#2d2d2d;margin-bottom:16px;padding:0 20px}.testimonial-subtitle{font-family:Poppins,sans-serif;font-size:14px;color:#666;max-width:800px;margin:0 auto 60px;line-height:1.6;padding:0 20px}.testimonial-slider{display:flex;align-items:center;justify-content:center;gap:40px;position:relative;width:100%}.slider-arrow{background:none;border:none;font-size:24px;color:#2d2d2d;cursor:pointer;padding:10px 20px;transition:transform .3s ease;z-index:2}.slider-arrow.next{position:absolute;right:0;height:100%;display:flex;align-items:center;background:linear-gradient(to right,transparent,white 50%);padding-right:40px}.slider-arrow.prev{position:absolute;left:0;height:100%;display:flex;align-items:center;background:linear-gradient(to left,transparent,white 50%);padding-left:40px}.slider-arrow:hover{transform:scale(1.1)}.testimonial-content{max-width:600px;padding:20px 40px;transition:all .3s ease}.student-image{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:20px}.student-name{font-family:Recoleta,serif;font-size:24px;color:#2d2d2d;margin-bottom:8px}.student-course{font-family:Poppins,sans-serif;font-size:14px;color:#666;margin-bottom:16px}.rating{color:#2d2d2d;margin-bottom:20px}.rating i{margin:0 2px;font-size:10px}.testimonial-text{font-family:Poppins,sans-serif;font-size:14px;line-height:1.8;color:#2d2d2d;max-width:1200px;margin:0 auto}@media (max-width: 768px){.testimonials-section{padding:40px 0}.slider-arrow.next{padding-right:20px}.slider-arrow.prev{padding-left:20px}.testimonial-content{padding:20px}.testimonial-slider{gap:20px}.slider-arrow{font-size:20px}.student-image{width:100px;height:100px}.student-name{font-size:20px}.testimonial-text{font-size:13px}}.Testimonials-section{background:#000;height:auto;padding:40px 30px}.Testimonials-section h3{font-weight:100;text-transform:uppercase;color:#fff;font-family:Recoleta;text-align:center;margin-bottom:10px}.Testimonials-section h1{color:#fff;text-transform:capitalize;font-family:Recoleta;text-align:center;margin-bottom:40px}.slider-container{max-width:1200px;margin:40px auto;overflow:hidden;padding:20px;position:relative}.slider-wrapper{display:flex;transition:transform .3s ease-out;cursor:grab;-webkit-user-select:none;user-select:none;gap:30px;align-items:center;padding:20px 10px}.slider-wrapper:active{cursor:grabbing}.testimonial-card{color:#fff;flex:0 0 calc(33.333% - 40px);min-width:280px;background:#1a1a1a;border-radius:15px;padding:30px;box-shadow:0 4px 8px #0003;transition:all .3s ease;opacity:1;transform:none}.testimonial-card.active,.testimonial-card.prev,.testimonial-card.next{opacity:1;transform:none;z-index:auto}.testimonial-image{width:80px;height:80px;border-radius:50%;margin:0 auto 20px;display:block;object-fit:cover}.active .testimonial-image{width:100px;height:100px}.slider-dots{display:flex;justify-content:center;gap:10px;margin-top:20px}.slider-dot{width:10px;height:10px;border-radius:50%;background:#333;border:none;padding:0;cursor:pointer;transition:background-color .3s ease}.slider-dot.active{background:#ff7600}.Testimonials-section{background:linear-gradient(to bottom,#000,#1a1a1a);padding:60px 30px}.testimonial-card.active:hover{transform:scale(1.02)}.faq-section{padding:80px 20px;max-width:1200px;margin:0 auto}.faq-section h1{text-align:center;font-family:Recoleta,serif;font-size:36px;color:#2d2d2d;margin-bottom:40px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.faq-item{display:flex;gap:16px;padding:20px;background:transparent;border-radius:0;align-items:flex-start}.faq-icon{width:40px;height:40px;border:1.5px solid #064919;border-radius:8px;display:flex;align-items:center;justify-content:center;background:transparent;box-shadow:none}.faq-icon i{font-size:18px;color:#064919}.faq-content{flex:1}.faq-item h3{font-family:Poppins,sans-serif;font-size:15px;color:#2d2d2d;margin-bottom:8px;font-weight:600}.faq-item p{font-family:Poppins,sans-serif;font-size:13px;line-height:1.5;color:#666;margin:0}@media (max-width: 768px){.faq-grid{grid-template-columns:1fr}.faq-section h1{font-size:28px;margin-bottom:30px}}.Testimonials-section{padding:4rem 2rem;text-align:center}.Testimonials-section h3{color:#ff7600;margin-bottom:1rem}.Testimonials-section h1{margin-bottom:3rem;font-size:2.5rem}.testimonials-container{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:0 1rem}.testimonial-card{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 4px 15px #0000001a;flex:1;min-width:300px;max-width:350px;transition:transform .3s ease;cursor:grab}.testimonial-card:hover{transform:translateY(-5px)}.testimonial-image{width:100px;height:100px;border-radius:50%;margin:0 auto 1rem;object-fit:cover}.testimonial-name{color:#333;margin-bottom:.5rem}.testimonial-role{color:#ff7600;font-size:.9rem;margin-bottom:1rem}.testimonial-text{color:#666;line-height:1.6;font-style:italic}@media (max-width: 768px){.testimonials-container{flex-direction:column;align-items:center}.testimonial-card{width:100%;max-width:400px}}.tour-btn{transition:transform .2s ease}.tour-btn:hover{transform:scale(1.1)}.tour-btn{animation:pulse 2s infinite}.tour-btn:hover{animation:none;transform:scale(1.1)}.__floater{z-index:10000!important}.react-joyride__overlay{z-index:9999!important}.react-joyride__tooltip{z-index:10001!important}.feedback-container{padding:80px 20px;max-width:1200px;margin:0 auto}.feedback-container h1{font-weight:900;text-align:center;font-family:Recoleta,serif;font-size:36px;color:#2d2d2d;margin-bottom:40px}.blog-header{padding:60px 20px;text-align:left;max-width:1200px;margin:0 auto}.blog-header h1{font-family:Recoleta,serif;font-size:36px;margin-bottom:20px;text-align:left}.blog-header p{font-family:Poppins,sans-serif;font-size:14px;color:#666;margin-bottom:20px;text-align:left}.search-container{max-width:600px;margin:30px 0;display:flex;gap:10px}.search-container input{flex:1;width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:14px;outline:none}.search-btn{background:#064919;color:#fff;padding:10px 70px;border:none;border-radius:5px;cursor:pointer;font-size:14px}.blog-content{flex:1;max-width:700px}.blog-post{display:flex;flex-direction:row;gap:20px;margin-bottom:20px}.blog-post.reverse{flex-direction:row-reverse}.blog-date{font-family:Poppins,sans-serif;font-size:14px;color:#666;display:block;margin-bottom:12px}.blog-content h2{font-family:Recoleta,serif;font-size:24px;font-weight:600;color:#2d2d2d;margin-bottom:16px}.blog-content p{font-family:Poppins,sans-serif;font-size:14px;line-height:1.6;color:#666;margin-bottom:20px}.view-more-btn{font-family:Recoleta,serif;background:#064919;color:#fff;padding:8px 16px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s ease}.view-more-btn:hover{background:#053815}.blog-image{flex:1;max-width:500px}.blog-image img{width:100%;height:auto;border-radius:8px;object-fit:cover}@media (max-width: 768px){.blog-header{padding:40px 20px}.blog-header h1{font-size:32px}.search-container{flex-direction:column}.search-btn{width:100%}}.footer-container{background:#fff;padding:60px 20px 20px}.footer-content{max-width:1200px;margin:0 auto;display:flex;gap:40px}.footer-left{display:flex;flex-direction:column;gap:20px;width:220px}.footer-logo{width:80px;height:auto}.contact-info{display:flex;flex-direction:column;gap:16px}.contact-item{display:flex;align-items:center;gap:12px}.contact-item i{width:32px;height:32px;background:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#064919}.social-icons{display:flex;gap:12px}.social-icons a{width:32px;height:32px;background:#ffffff1a;border:1px solid #ddd;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#333;text-decoration:none}.social-icons a svg{font-size:14px}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;flex:1}.footer-column{display:flex;flex-direction:column;gap:16px}.footer-column h3{font-family:Poppins,sans-serif;font-size:16px;font-weight:600;color:#333}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{font-family:Poppins,sans-serif;font-size:14px;color:#666;margin-bottom:12px;cursor:pointer;transition:color .3s ease}.footer-column li:hover{color:#064919}.footer-column p{font-family:Poppins,sans-serif;font-size:14px;color:#666;margin-bottom:16px}.subscribe-form{display:flex;flex-direction:column;gap:8px;width:100%;min-width:280px}.subscribe-input-wrapper{position:relative;width:100%}.subscribe-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#064919;font-size:16px}.subscribe-form input{width:100%;padding:12px 12px 12px 36px;border:1px solid #ddd;border-radius:4px;font-family:Poppins,sans-serif;font-size:13px}.subscribe-form input::placeholder{color:#999;font-size:13px}.subscribe-form button{background:#064919;color:#fff;border:none;padding:12px;border-radius:4px;font-family:Poppins,sans-serif;font-size:14px;cursor:pointer}.footer{text-align:center;padding:20px 0;border-top:1px solid #eee}.footer-text{font-family:Poppins,sans-serif;font-size:14px;color:#666;text-align:center}@media (max-width: 768px){.footer-content{flex-direction:column;gap:40px}.footer-links{grid-template-columns:repeat(2,1fr);gap:30px}}@media (max-width: 480px){.footer-links{grid-template-columns:1fr}}.section-title{font-family:Recoleta,serif;font-size:32px;margin-bottom:16px;color:#2d2d2d;font-weight:600}.section-subtitle{max-width:800px;margin:0 auto 48px;color:#666;line-height:1.6;font-family:Poppins,sans-serif}@media (max-width: 768px){.program-grid{grid-template-columns:1fr}}.tech-benefits{display:flex;flex-direction:column;gap:20px;margin:24px 0}.benefit-item{display:flex;align-items:flex-start;gap:16px;color:#fff}.benefit-item i{font-size:24px;color:#fff;margin-top:4px}.benefit-item h3{font-family:Recoleta,serif;font-size:18px;margin-bottom:4px}.benefit-item p{font-family:Poppins,sans-serif;font-size:14px;margin:0;line-height:1.4}@media (max-width: 768px){.tryout-card{flex-direction:column;padding:20px}.tech-benefits{gap:16px}}.why-study-section{padding:60px 20px;background:#001a12;color:#fff;max-width:1200px;margin:0 auto;border-radius:12px}.why-study-section h2{text-align:center;font-family:Poppins,sans-serif;font-size:24px;font-weight:600;margin-bottom:12px}.study-subtitle{text-align:center;font-family:Poppins,sans-serif;font-size:13px;max-width:700px;margin:0 auto 32px;line-height:1.5;opacity:.85}.study-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:1000px;margin:0 auto}.study-card{background:#ffffff08;border-radius:8px;padding:20px;border:1px solid rgba(255,255,255,.08)}.study-icon{background:#ffffff1a;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.study-icon svg{font-size:16px;color:#fff}.study-card h3{font-family:Poppins,sans-serif;font-size:15px;font-weight:500;margin-bottom:8px}.study-card p{font-family:Poppins,sans-serif;font-size:13px;line-height:1.5;opacity:.75}@media (max-width: 768px){.study-grid{grid-template-columns:1fr}.why-study-section{padding:40px 20px}}.footer-banner{background:#001a12;padding:60px;display:flex;justify-content:space-between;border-radius:8px;max-width:1200px;margin:0 auto 60px}.banner-left h3{color:#fff;font-family:Recoleta,serif;font-size:24px;font-weight:500;opacity:.9}.banner-right h2{color:#fff;font-family:Recoleta,serif;font-size:32px;font-weight:600;line-height:1.4;text-align:right}@media (max-width: 768px){.footer-banner{flex-direction:column;gap:20px;text-align:center;padding:30px 20px}.banner-right h2{text-align:center;font-size:24px}.banner-left h3{font-size:20px}}.company-overview{margin-bottom:60px;text-align:center}.company-overview h1{font-family:Recoleta,serif;font-size:24px;color:#333;margin-bottom:20px;font-weight:600}.company-overview p{max-width:800px;margin:0 auto;line-height:1.6;color:#666;font-size:14px;font-family:Poppins,sans-serif}.mission-goals{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:60px}.goal-section,.mission-section{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px #0000000d}.goal-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.icon{color:#064919;font-size:24px}.mission-goals h2{font-family:Recoleta,serif;font-size:18px;margin-bottom:16px;color:#333;font-weight:600}.mission-goals p{color:#666;line-height:1.6;font-size:14px;font-family:Poppins,sans-serif}.teaching-approach{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:60px;align-items:center}.approach-content h2{font-family:Recoleta,serif;font-size:20px;margin-bottom:20px;color:#333;font-weight:600}.approach-content p{margin-bottom:20px;color:#666;line-height:1.6;font-size:14px;font-family:Poppins,sans-serif}.approach-content h3{font-family:Recoleta,serif;font-size:16px;margin-bottom:16px;color:#333;font-weight:600}.approach-content ul{list-style-type:none;padding:0}.approach-content li{margin-bottom:12px;color:#666;padding-left:24px;position:relative;font-size:14px;font-family:Poppins,sans-serif}.approach-content li:before{content:"•";position:absolute;left:0;color:#064919}.approach-image{max-width:450px}.approach-image img{width:100%;border-radius:8px;height:auto}.team-section{margin:60px 0}.team-members{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;align-items:center;max-width:1200px;margin:0 auto}.team-member{text-align:center}.team-member img{width:200px;height:200px;border-radius:8px;margin-bottom:16px;object-fit:cover}.team-member h3{font-family:Recoleta,serif;font-size:18px;color:#333;margin-bottom:8px;font-weight:600}.team-member p{font-family:Poppins,sans-serif;font-size:14px;color:#666}.team-content{text-align:center;padding:0 20px}.team-content h2{font-family:Recoleta,serif;font-size:24px;color:#333;margin-bottom:24px;font-weight:600}.team-description{font-size:14px;line-height:1.6;color:#666;font-family:Poppins,sans-serif;margin-bottom:0}.footer-banner{background:#001a12;padding:40px;display:flex;justify-content:space-between;align-items:center;border-radius:8px;max-width:1200px;margin:60px auto}.banner-left h3{color:#fff;font-family:Poppins,sans-serif;font-size:24px;font-weight:500;opacity:.9}.banner-right h2{color:#fff;font-family:Poppins,sans-serif;font-size:32px;font-weight:600;line-height:1.4;text-align:right}@media (max-width: 768px){.mission-goals,.teaching-approach,.team-members{grid-template-columns:1fr}.team-content{order:-1}.footer-banner{flex-direction:column;gap:20px;text-align:center;padding:30px 20px}.banner-right h2{text-align:center;font-size:24px}.banner-left h3{font-size:20px}}.contact-container{max-width:1200px;margin:0 auto;padding:40px 20px}.contact-header{text-align:center;margin-bottom:40px}.contact-header h1{font-family:Recoleta,serif;font-size:32px;color:#333;margin-bottom:16px}.contact-header p{color:#666;font-size:14px;max-width:600px;margin:0 auto 24px;font-family:Poppins,sans-serif;line-height:1.6}.social-links{display:flex;justify-content:center;gap:20px}.social-link{width:40px;height:40px;background:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#333;transition:all .3s ease}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.contact-image{max-width:500px;margin:0 auto}.contact-image img{width:100%;height:auto;border-radius:8px;object-fit:cover}.contact-form-section h2{font-family:Recoleta,serif;font-size:24px;color:#333;margin-bottom:12px}.contact-form-section>p{color:#666;font-size:14px;margin-bottom:24px;font-family:Poppins,sans-serif}.contact-form .form-group{margin-bottom:16px}.contact-form input,.contact-form textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-family:Poppins,sans-serif;font-size:14px}.submit-btn{width:100%;padding:12px;background:#064919;color:#fff;border:none;border-radius:4px;font-family:Poppins,sans-serif;font-size:14px;cursor:pointer}@media (max-width: 768px){.contact-content{grid-template-columns:1fr}}@media screen and (max-width:768px){.privacy-container{padding-left:10px!important;padding-right:10px!important}}.privacy-container{max-width:1200px;margin:0 auto;padding:40px 20px}.p-content{max-width:1200px}.p-content h1{font-family:Recoleta,serif;font-size:28px;color:#333;margin-bottom:20px}.p-content section{margin-bottom:30px}.p-content h2{font-family:Recoleta,serif;font-size:20px;color:#333;margin-bottom:15px}.p-content p{font-family:Poppins,sans-serif;font-size:14px;line-height:1.6;color:#666;margin-bottom:15px}.p-content ul{list-style-type:disc;padding-left:20px;margin-bottom:15px}.p-content li{font-family:Poppins,sans-serif;font-size:14px;color:#666;margin-bottom:8px;line-height:1.5}.privacy-intro{font-size:16px;margin-bottom:40px;color:#666}.privacy-footer{text-align:center;font-style:italic;margin-top:40px;padding-top:20px;border-top:1px solid #eee}@media (max-width: 768px){.privacy-content{padding:15px}.privacy-content h1{font-size:24px}.privacy-content h2{font-size:18px}}.scholarship-header{background-color:#064919;color:#fff;padding:40px 10px;text-align:center;margin-bottom:40px}.scholarship-header h1{font-size:34px;font-family:Recoleta,serif;margin-bottom:15px}.scholarship-header p{font-size:15px;margin:0 auto;padding:20px 10px}.scholarship-content{display:flex;justify-content:center;align-items:center;min-height:400px;padding:150px 1px}.no-scholarship-message{text-align:center;padding:40px}.no-scholarship-message img{width:300px;margin-bottom:20px}.no-scholarship-message h2{font-size:20px;margin-bottom:10px;color:#333}.no-scholarship-message p{color:#666;margin:0 auto;padding:20px 10px}.collaborate-container{max-width:1500px;margin:0 auto}.collaborate-header{text-align:center;margin-bottom:60px;background:#064919;color:#fff;width:100%;padding:40px}.collaborate-header h1{font-family:Recoleta,serif;font-size:32px;margin-bottom:20px}.collaborate-header p{font-family:Poppins,sans-serif;font-size:16px;max-width:800px;margin:0 auto;line-height:1.6}.partner-section{background-color:#0faf830d;display:flex;gap:20px;align-items:center;margin-bottom:60px;flex-direction:row-reverse;justify-content:center}.partner-content{flex:1}.partner-content h2{font-family:Recoleta,serif;font-size:28px;color:#2d2d2d;margin-bottom:20px}.partner-content p{font-family:Poppins,sans-serif;font-size:14px;font-weight:400;line-height:1.6;color:#2d2d2dcc}.partner-image{margin-left:100px}.partner-image img{width:100%;max-width:500px;border-radius:8px;height:auto;object-fit:cover}.why-collaborate{margin-bottom:60px}.why-collaborate h2{font-family:Recoleta,serif;font-size:28px;color:#333;margin-bottom:30px;text-align:center}.benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-bottom:40px}.benefit-card{background:#f5f5f5;padding:30px;border-radius:8px}.benefit-card h3{font-family:Recoleta,serif;font-size:20px;color:#064919;margin-bottom:15px}@media (max-width: 768px){.program-content{flex-direction:column}.program-header h1{font-size:28px}}.video-section img{width:100%;max-width:500px;border-radius:8px;margin:40px auto 0;display:block}.contribution-section{background:#001a12;color:#fff;padding:30px 20px;border-radius:8px;text-align:center;margin-bottom:60px;margin-left:100px;margin-right:100px}.contribution-section h2{font-family:Recoleta,serif;font-size:25px;margin-bottom:20px}.contribution-section p{font-family:Poppins,sans-serif;font-size:13px;line-height:1.6;max-width:800px;margin:0 auto}.donate-btn{background:#064919;color:#fff;border:none;padding:12px 30px;border-radius:5px;font-size:14px;margin-top:30px;cursor:pointer;transition:background-color .3s}.donate-btn:hover{background:#043613}@media (max-width: 768px){.partner-section{flex-direction:column}.benefits-grid{grid-template-columns:1fr}.collaborate-header,.contribution-section{padding:30px 20px}}.blog-post-container{max-width:100%;margin:80px 0 0;padding:0;width:100vw;overflow-x:hidden}.blog-post-content{display:flex;flex-direction:column;gap:24px;width:100%}.blog-post-image{width:100%;display:flex;justify-content:center;padding:0;overflow:visible}.blog-post-image img{min-width:1500px;height:400px;object-fit:contain;max-width:none}.blog-post-text{text-align:left;max-width:100%;margin:0 20px}.blog-post-date{font-family:Poppins,sans-serif;font-size:12px;color:#666;display:block;margin-bottom:8px}.blog-post-text h1{font-family:Recoleta,serif;font-size:24px;color:#2d2d2d;margin-bottom:12px;line-height:1.3}.blog-post-text p{font-family:Poppins,sans-serif;font-size:14px;color:#2d2d2d;line-height:1.6}.diff-image{width:100%;display:flex;justify-content:center;padding:0 20px}.diff-image img{width:100%;max-width:800px;height:auto;object-fit:contain}@media (max-width: 768px){.blog-post-text{margin:0 15px}.blog-post-text h1{font-size:20px}.blog-post-text p{font-size:13px}.blog-post-image{padding:0 15px}}.venn-diagram{margin:60px 0;text-align:center}.venn-diagram h2{margin-bottom:40px;font-family:Recoleta,serif;color:#2d2d2d}.diagram-container{display:flex;justify-content:center;align-items:center;gap:20px;padding:40px;background:#f8f9fa;border-radius:12px}.circle{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 12px #0000001a;width:300px}.circle h3{color:#064919;margin-bottom:20px;font-family:Recoleta,serif}.circle ul{list-style:none;padding:0}.circle ul li{margin-bottom:12px;font-size:14px;color:#666}.overlap{background:#e8f5e9;margin:-20px 0}.blog-sections{padding:0 20px;max-width:1200px;margin:40px auto}.blog-sections section{margin-bottom:60px}.blog-sections h2{font-family:Recoleta,serif;font-size:28px;color:#2d2d2d;margin-bottom:20px;font-weight:600}.blog-sections h3{font-family:Recoleta,serif;font-size:20px;color:#2d2d2d;margin:24px 0 16px}.blog-sections p{font-family:Poppins,sans-serif;font-size:16px;line-height:1.8;color:#666;margin-bottom:20px}.blog-sections ul{list-style-type:disc;padding-left:20px;margin-bottom:30px}.blog-sections ul li{font-family:Poppins,sans-serif;font-size:16px;color:#666;line-height:1.8;margin-bottom:12px}.section-image{width:100%;margin:40px 0;padding:0;display:flex;justify-content:center}.section-image img{width:100%;max-width:800px;height:auto;object-fit:contain;border-radius:8px}.conclusion{margin-top:60px;padding:30px;background:#f8f9fa;border-radius:8px}.conclusion h2{color:#2d2d2d;margin-bottom:16px}.conclusion p{color:#666;margin-bottom:0}@media (max-width: 768px){.blog-sections{padding:0 15px}.blog-sections h2{font-size:24px}.blog-sections p,.blog-sections ul li{font-size:14px}}.program-container{max-width:1200px;margin:80px auto;padding:0 20px}.program-header{text-align:center;margin-bottom:60px}.program-header h1{font-family:Recoleta,serif;font-size:36px;color:#064919;margin-bottom:16px}.program-header p{font-family:Poppins,sans-serif;font-size:16px;color:#666}.program-content{display:flex;gap:40px;align-items:flex-start}.program-image{flex:1}.program-image img{width:100%;border-radius:8px}.program-details{flex:1;padding:20px}.program-details h2{font-family:Recoleta,serif;font-size:24px;color:#2d2d2d;margin-bottom:20px}.program-details ul{list-style-type:disc;padding-left:20px;margin-bottom:30px}.program-details li{font-family:Poppins,sans-serif;font-size:16px;color:#666;margin-bottom:12px}.program-cta{margin-top:40px;display:flex;align-items:center;gap:20px}.enroll-btn{background:#064919;color:#fff;border:none;padding:12px 30px;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s}.enroll-btn:hover{background:#043613}.price{font-family:Recoleta,serif;font-size:24px;color:#064919}@media (max-width: 768px){.program-content{flex-direction:column}.program-header h1{font-size:28px}.program-cards .program-card p{font-size:15px!important}}.physical-header{background:linear-gradient(to right,#001a12,#064919);padding:60px 20px;text-align:center;color:#fff;margin-bottom:60px}.physical-header h1{font-family:Recoleta,serif;font-size:36px;margin-bottom:16px;color:#fff}.physical-header p{font-family:Poppins,sans-serif;font-size:16px;max-width:800px;margin:0 auto;line-height:1.6;color:#fff}.program-grid{display:flex;flex-direction:column;gap:30px;max-width:800px;margin:0 auto;padding:0 20px}.program-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.program-video{width:100%;height:200px;position:relative}.program-video img{width:100%;height:100%;object-fit:cover}.program-content{padding:24px}.program-meta{display:flex;gap:20px;margin-bottom:16px}.program-meta span{font-family:Poppins,sans-serif;font-size:14px;color:#666;display:flex;align-items:center;gap:6px}.program-description{font-family:Poppins,sans-serif;font-size:14px;line-height:1.6;color:#666;margin-bottom:24px}.program-footer{display:flex;justify-content:space-between;align-items:center}.price{font-family:Poppins,sans-serif;font-size:24px;font-weight:600;color:#064919}.register-btn{background:#064919;color:#fff;border:none;padding:10px 24px;border-radius:6px;font-family:Poppins,sans-serif;font-size:16px;cursor:pointer;transition:background-color .3s}.register-btn:hover{background:#043613}.why-choose-section{padding:60px 20px;text-align:center;background:#f8f9fa;margin:60px 0}.why-choose-section h2{font-family:Recoleta,serif;font-size:36px;color:#064919;margin-bottom:40px}.benefits-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.benefit-card{background:#fff;padding:30px;border-radius:8px;text-align:center;box-shadow:0 2px 10px #0000001a}.benefit-icon{width:60px;height:60px;background:#e8f5e9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#064919;font-size:24px}.benefit-card h3{font-family:Recoleta,serif;font-size:20px;color:#2d2d2d;margin-bottom:12px}.benefit-card p{font-family:Poppins,sans-serif;font-size:14px;color:#666;line-height:1.6}@media (max-width: 768px){.benefits-grid{grid-template-columns:1fr}}.physical-program-container h1{font-family:Recoleta,serif;font-weight:600}.physical-program-container section h1{font-size:36px;text-align:center;margin-bottom:40px;color:#064919;padding-top:50px}.instructor-section h1{font-family:Recoleta,serif;font-size:36px;text-align:center;margin-bottom:40px;color:#064919}.testimonials-section h1{font-family:Recoleta,serif;font-size:36px;text-align:center;margin-bottom:20px;color:#064919}@media (max-width: 768px){.physical-program-container h1,.instructor-section h1,.testimonials-section h1{font-size:28px;margin-bottom:30px}}.program-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:40px}.program-cards .program-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;width:100%}.program-cards .program-card img{width:100%;height:200px;object-fit:cover}.program-cards .program-card h3{padding:10px 0;font-family:Recoleta,serif;font-size:20px;color:#0faf83}.program-cards .program-card p{padding:0 10px;font-size:11.6px;color:#666;line-height:1.6;margin-bottom:20px}.program-cards .program-card .learn-more{display:inline-block;padding:0 20px 20px;color:#0faf83;text-decoration:none;font-weight:500;text-align:center}@media (max-width: 1200px){.program-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.program-cards{grid-template-columns:1fr}}.course-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1400px;margin:0 auto;padding:20px}.course-card-wrapper{border-radius:12px;overflow:hidden;transition:transform .3s ease;height:100%;display:flex;flex-direction:column;margin-bottom:20px;width:50%}.course-card-wrapper img{width:100%;height:200px;object-fit:contain;border-radius:16px;margin:0 auto;display:block}.course-infomation{padding:24px;flex:1;display:flex;flex-direction:column}.course-infomation h2{color:#333;font-size:24px;margin-bottom:10px;padding-top:10px;font-family:Recoleta,serif}.course-infomation p{color:#666;line-height:1.6;flex:1}.course-infomation h3{color:#064919;font-size:24px;margin-bottom:10px}.Reg{width:100%;padding:12px;background:#064919;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:background .3s ease}.Reg:hover{background:#043612}@media (max-width: 768px){.course-cards-container{grid-template-columns:1fr;padding:15px;gap:20px}.section-title{font-size:20px!important;font-weight:700;margin:0 0 20px!important}}.section-title{font-family:Recoleta,serif;font-size:32px;color:#333;text-align:center;margin:40px 0 20px}.course-cont{margin-bottom:60px}.short-course-title{font-family:Recoleta,serif;font-size:32px;color:#333;text-align:center;margin:40px 0 20px;text-align:left}.testimonial-slider{position:relative;overflow:hidden;padding:2rem 0}.testimonial-content{transition:all .6s cubic-bezier(.4,0,.2,1);opacity:1;transform:translate(0);position:relative}.testimonial-content.sliding{opacity:0;transform:translate(-100px)}.testimonial-content.sliding-next{opacity:0;transform:translate(100px)}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100px)}}.how-it-work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:20px}@media screen and (max-width: 768px){.how-it-work-grid{grid-template-columns:repeat(1,1fr)}.mentorship-who-can-join h3{padding-top:30px}}.how-it-work-card{border:1px solid #064919;text-align:center;background:#fff;padding:30px 10px;border-radius:12px}.how-it-work-card-icon{font-size:34px;color:#064919}.how-it-work-card h3{font-family:Recoleta,serif;font-size:20px;color:#2d2d2d;margin-bottom:12px}.how-it-work-card p{font-family:Poppins,sans-serif;font-size:12.5px;color:#666;line-height:1.6}.how-it-work h1{color:#064919;text-align:center}.mentorship-works-container{background:#f8f9fa;padding:60px 20px;text-align:center}.mentorship-works-container h2{font-family:Recoleta,serif;font-size:32px;color:#333;text-align:center;margin:40px 0 20px;font-weight:bolder}.mentorship-works-image img{width:90%;height:90%;object-fit:contain}.mentorship-who-can-join{background:#f8f9fa;padding:60px}.mentorship-who-can-join h3{font-family:Recoleta,serif;font-size:32px;color:#000;margin:10px 0 20px;font-weight:700}.mentorship-who-can-join p{font-family:Poppins,sans-serif;font-size:16px;color:#2d2d2d;line-height:1.6}in virtual program the short courss should also have a lesson page when register click on any short course i should pop up paystack nd if done it should take me to lesson page,i have created the card an styling already just do what i ask you and dont remove any style or card just do the functanaity i asked you .mentorship-who-can-join ul{padding:40px 50px;color:#2d2d2d}.mentorship-who-can-join ul li{margin-bottom:10px}@media screen and (max-width: 768px){.blog-post{flex-direction:column-reverse}.blog-post:nth-child(2){flex-direction:column-reverse!important}.course-card-container{flex-direction:column;width:100%;padding:0!important}.course-card-wrapper{width:90%;margin:auto}.Reg{width:40%!important}}@media screen and (max-width: 768px){.short-course-title{padding:0 20px}.hero-right img{display:none}.hero-left h1{text-align:left;font-weight:700;font-size:20px}.course-title-text{font-size:20px;font-weight:700;margin:20px 0 3px;text-align:left;font-family:Recoleta}}.course-section{position:relative;padding:40px 0;max-width:900px;margin:0 auto}.course-header{margin-bottom:30px}.course-navigation{position:absolute;top:20px;right:20px;display:flex;gap:10px}.nav-arrow{width:35px;height:35px;border-radius:50%;background:#064919;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.nav-arrow:hover:not(:disabled){background:#043613}.nav-arrow:disabled{background:#ccc;cursor:not-allowed;opacity:.5}.course-cards{display:flex;overflow-x:hidden;scroll-behavior:smooth;gap:20px;padding:20px}.course-card{width:50%;min-width:300px;flex:0 0 auto;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column}.course-image{width:100%;height:180px;object-fit:cover}.course-info{padding:16px;display:flex;flex-direction:column;gap:12px}.course-type{display:flex;flex-direction:column;gap:6px}.type-item{display:flex;align-items:center;gap:8px;color:#666;font-size:13px}.type-item i{color:#064919}.course-info h2{font-family:Recoleta,serif;font-size:18px;color:#064919}.course-info p{font-size:13px;color:#666;line-height:1.5}.learn-more{color:#000;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;transition:background-color .3s;align-self:flex-start;margin:auto}.course-cont{padding:40px 0;max-width:1200px;margin:0 auto}.course-card-container{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;padding:20px}.course-card-wrapper img{height:270px;object-fit:cover;border-radius:12px 12px 0 0}.metas{display:flex;flex-direction:row;align-items:center;padding:16px;gap:20px}.metas p{display:flex;align-items:center;gap:8px;color:#666;font-size:14px}.metas p i{color:#064919}.course-infomation{padding:0 16px 16px;display:flex;flex-direction:column;gap:12px}.course-infomation h2{font-family:Recoleta,serif;font-size:20px;font-weight:bolder}.course-infomation p{font-size:14px;color:#666}.course-infomation h3{font-size:24px;color:#064919}.Reg{width:30%;background:#064919;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;transition:background-color .3s;font-size:14px}.Reg:hover{background:#043613}@media (max-width: 1024px){.course-card-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.course-card-container{grid-template-columns:1fr}.metas{flex-direction:column;align-items:flex-start}}.program-card{display:flex;flex-direction:column;height:100%;padding:20px;border-radius:10px;background:#fff;box-shadow:0 2px 10px #0000001a}.program-card img{width:100%;height:200px;object-fit:cover;border-radius:8px;margin-bottom:15px}.program-card h3{margin:10px 0;color:#333}.program-card p{flex-grow:1;margin-bottom:15px;color:#666;line-height:1.5}.course-cont{padding:1px 5px!important}.back-to-top{position:fixed;bottom:30px;right:30px;width:40px;height:40px;border-radius:50%;background-color:#064919;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px #0003;opacity:0;visibility:hidden;transition:all .3s ease;z-index:999}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background-color:#053614;transform:translateY(-3px)}@media (max-width: 768px){.back-to-top{bottom:20px;right:20px;width:35px;height:35px}}.spinner-container{display:flex;justify-content:center;align-items:center;min-height:50vh;width:100%}.spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #FF7600;border-radius:50%;animation:spin 1s linear infinite}body{font-family:Arial,sans-serif;margin:0;padding:0}.courses-list,.course-details{padding:20px}.course-card{display:flex;background:#fff;border-radius:15px;overflow:hidden;margin-bottom:30px;transition:transform .3s ease}.course-card-left{flex:0 0 40%;max-width:400px;height:300px}.course-card-left img{width:100%;height:100%;object-fit:contain;padding:20px;background:#fff}.course-card-right{flex:1;padding:10px;display:flex;flex-direction:column}.course-name{font-family:Recoleta,serif;color:#ff7600;font-size:24px}.course-level{color:#ff7600;font-size:16px;font-weight:500}.course-modules{margin-bottom:30px}.course-modules h3{font-family:Recoleta,serif;color:#ff7600;margin-bottom:15px;font-size:18px}.modules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;list-style:none;padding:0}.payment-btn{background:#ff7600;color:#fff;border:none;padding:12px 25px;border-radius:50px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;align-self:flex-start;margin-top:auto}.payment-btn:hover{background:#e66a00;transform:translateY(-2px);box-shadow:0 4px 8px #ff760033}button{background-color:#064919;border-radius:50%;padding:10px 12px;border:none;color:#fff;font-size:17px;cursor:pointer}.course-page{padding:0;max-width:100%;margin:0}.course-hero{justify-content:center;display:flex;align-items:center;flex-direction:row-reverse;justify-content:space-between;padding:60px 150px;background:linear-gradient(to right,#fff,#fff8f3);margin-bottom:60px}.hero-content{justify-content:center;flex:1;max-width:600px;padding-right:60px}.hero-content h1{font-family:Recoleta,serif;font-size:2.5rem;color:#000;margin-bottom:20px;line-height:1.2}.hero-content p{font-size:1rem;line-height:1.6;margin-bottom:30px;color:#000}.hero-cta{background:#ff7600;color:#fff;border:none;padding:15px 35px;border-radius:50px;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.hero-cta:hover{background:#e66a00;transform:translateY(-2px);box-shadow:0 4px 15px #ff760033}.hero-image{flex:1;max-width:500px}.hero-image img{width:80%;height:auto;border-radius:20px;box-shadow:0 10px 30px #0000001a}.course-intro{padding:20px 90px;text-align:justify;margin-bottom:60px}.course-intro h1{font-family:Recoleta,serif;font-size:2rem;color:#000005;font-weight:bolder;margin-bottom:10px}.course-intro-text{font-size:1.1rem;color:#000005;line-height:1.8;margin:0 auto}.courses-container{padding:0 120px;margin-bottom:60px}.course-filters{padding:0 120px;margin-bottom:40px}@media (max-width: 1200px){.course-hero{padding:40px 60px}.course-intro,.courses-container,.course-filters{padding:0 60px}}@media (max-width: 968px){.course-hero{flex-direction:column;text-align:center;padding:40px 30px}.hero-content{padding-right:0;margin-bottom:40px}.hero-image{max-width:100%}.course-intro,.courses-container,.course-filters{padding:0 30px}.hero-content h1{font-size:2.5rem}}@media (max-width: 768px){.course-card{flex-direction:column}.course-hero{padding:30px 20px}.course-intro,.courses-container,.course-filters{padding:0 20px}.hero-content h1,.course-intro h1{font-size:2rem}.course-intro-text{font-size:1rem}}.payment-btn.disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.payment-btn.disabled:hover{background-color:#ccc;transform:none}.course-details{padding:30px;margin:0 auto}.course-details-header{display:flex;gap:60px;align-items:center;margin-bottom:40px}.course-details-header img{width:400px;height:400px;object-fit:contain;border-radius:15px}.course-details-info{flex:1}.course-details-info h1{font-family:Recoleta,serif;color:#ff7600;font-size:1.5rem;margin-bottom:15px}.level{color:#ff7600;font-size:1rem;font-weight:500;margin-bottom:25px}.description{color:#000;font-size:.8rem;line-height:1.8}.description strong{color:#333;font-weight:600}.course-not-found{text-align:center;padding:100px 20px}.course-not-found h2{color:#ff7600;font-size:2rem;margin-bottom:15px}.course-not-found p{color:#666;font-size:1.1rem}@media (max-width: 1200px){.course-details{padding:40px 60px}}@media (max-width: 968px){.course-details-header{flex-direction:column;text-align:center;gap:30px}.course-details-header img{width:300px;height:300px}.course-details-info h1{font-size:2.2rem}}@media (max-width: 768px){.course-details{padding:30px 20px}.course-details-header img{width:250px;height:250px}}.curriculum-section{margin-top:60px;text-align:left}.curriculum-section h1{font-family:Recoleta,serif;color:#000;font-size:2rem;font-weight:bolder;margin-bottom:10px}.curriculum-section p{color:#333;font-size:.9rem;margin-bottom:30px}@media (max-width: 768px){.curriculum-section{margin-top:40px;padding:0 15px}.curriculum-section h1{font-size:1.8rem}}.course-modules{text-align:center;margin-bottom:30px;margin-top:20px}.modules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;list-style:none;padding:0}.modules-grid li{font-size:12px;color:#ff7600;display:flex;align-items:center;gap:10px;padding:10px 10px 10px 20px;background:#ffdec2;border-radius:50px;border:1px solid rgba(255,118,0,.2)}@media (max-width: 768px){.modules-grid{grid-template-columns:1fr}}.PurchaseTag{display:flex;flex-direction:column}.PurchaseTag>div{display:flex;justify-content:space-between;border:1px solid #FF7600;border-radius:50px}.purchase-options{display:flex;justify-content:space-between;gap:20px;margin-top:30px;padding:15px 0}.purchase-card{flex:1;display:flex;flex-direction:column;padding:20px;border:1.5px solid #FF7600;border-radius:15px;background:#fff;transition:transform .3s ease,box-shadow .3s ease}.purchase-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #ff76001a}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.card-header h3{color:#ff7600;font-family:Recoleta,serif;font-size:20px;margin:0}.tag{background:#fff0e6;color:#ff7600;padding:4px 10px;border-radius:15px;font-size:12px;font-weight:500}.price-group{margin-bottom:20px}.original-price{color:#999;text-decoration:line-through;font-size:16px;margin-right:8px}.current-price{color:#ff7600;font-size:24px;font-weight:700}.features-list{list-style:none;padding:0;margin:0 0 20px}.features-list li{color:#666;margin-bottom:10px;font-size:13px}.purchase-button{background:#ff7600;color:#fff;border:none;padding:12px 25px;border-radius:25px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;width:100%;margin-top:auto}.purchase-button:hover{background:#e66a00;transform:translateY(-2px);box-shadow:0 4px 8px #ff760033}@media (max-width: 768px){.purchase-options{flex-direction:column}.purchase-card{width:100%;margin-bottom:15px}}.access-course{text-align:center;padding:40px}.access-course-button{background-color:#ff7600;color:#fff;padding:12px 24px;border:none;border-radius:4px;cursor:pointer;font-size:16px;margin-top:20px;transition:background-color .3s ease}.access-course-button:hover{background-color:#e66a00}.curriculum-section.access-course{text-align:center;padding:40px;margin:20px 0}.purchase-button.disabled{background-color:#ccc!important;opacity:.9;transition:opacity .3s ease}.purchase-button.disabled:hover{opacity:1}.course-content-container{max-width:1800px;margin:0 auto;padding:3rem;background:#f8f9fa}.course-set-title{font-size:2rem;color:#2c3e50;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #FF7600}.course-set-description{color:#666;margin-bottom:2rem;font-size:1.1rem}.videos-grid{display:grid;gap:2rem;margin-bottom:2rem}.video-item{display:flex;justify-content:space-between;flex-direction:row;align-items:flex-start;border-radius:20px;width:250%;padding:3rem;transition:all .3s ease;margin-bottom:3rem}.thumbnail-container{flex:0 0 50%;margin-right:2rem;border-radius:15px;overflow:hidden;position:relative}.thumbnail-container img{width:100%;height:100%;object-fit:cover}.video-details{flex:0 0 40%;display:flex;flex-direction:column;padding:1.5rem;border-radius:15px}.video-details h1{font-size:1.8rem;color:#2c3e50;margin-bottom:1.5rem;font-weight:600;padding-bottom:1rem;border-bottom:2px solid #FF7600}.video-details p{color:#666;line-height:1.8;margin-bottom:2.5rem;font-size:1.1rem;padding:1rem;background:#fff;border-radius:10px;border-left:4px solid #FF7600}.watch-button{align-self:flex-start;padding:1rem 2rem;background:#ff7600;color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:1.1rem;transition:all .3s ease;margin-top:auto;width:100%;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem}.watch-button:hover{background:#ff8c00;transform:translateY(-2px);box-shadow:0 4px 15px #ff76004d}.watch-button.locked{background:#e9ecef;color:#adb5bd;cursor:not-allowed;border:1px solid #dee2e6}.custom-video-player{width:100%;aspect-ratio:16/9;background:#000;border-radius:15px;overflow:hidden;position:relative}.video-player{width:100%;height:100%}.video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:1rem;display:flex;flex-direction:column;gap:.5rem}.progress-filled{height:100%;background:#ff7600;border-radius:5px;transition:width .1s linear}.controls-buttons{display:flex;justify-content:space-between;align-items:center;width:100%}.left-controls,.right-controls{display:flex;align-items:center;gap:1rem}.control-button{background:transparent;border:none;color:#fff;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.control-button:hover{transform:scale(1.1)}.control-button svg{width:1.5rem;height:1.5rem}.course-set-navigation-buttons{display:flex;justify-content:space-between;margin-top:2rem;padding:1rem 0;gap:1rem}.nav-button{display:flex;align-items:center;gap:.8rem;padding:1rem 2rem;background:linear-gradient(135deg,#ff7600,#ff8c00);color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 15px #ff760033}.nav-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff76004d}.nav-button.previous{background:#fff;color:#ff7600;border:2px solid #FF7600}.nav-button.next{background:linear-gradient(135deg,#ff7600,#ff8c00)}.nav-button.try-exam{background:linear-gradient(135deg,#ff7600,#ff8c00);color:#fff;padding:.8rem 1.5rem;border-radius:12px;font-weight:600;transition:all .3s ease}.nav-button.try-exam:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ff760033}@media (max-width: 768px){.video-item{padding:2rem;flex-direction:column}.thumbnail-container{margin-right:4rem}}@media (max-width: 1200px){.video-item{flex-direction:column;padding:2rem}.thumbnail-container{flex:0 0 100%;margin-right:0;margin-bottom:2rem}.video-details{flex:0 0 100%}}@media (max-width: 768px){.course-content-container{padding:1rem}.course-set-title{font-size:1.5rem}.course-set-navigation-buttons{flex-direction:column;padding:1rem}.nav-button{width:100%;justify-content:center}}.certificate-button-container{display:flex;justify-content:center;margin:2rem 0;padding:1rem;background-color:#f0f8ff;border-radius:8px;animation:fadeIn .5s ease-out}.view-certificate-btn{padding:1rem 2rem;background:linear-gradient(135deg,#ff7600,#ff8c00);color:#fff;border:none;border-radius:12px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff760033;display:flex;align-items:center;gap:.8rem}.view-certificate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff76004d}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#ff7600e6;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.play-icon svg{color:#fff;font-size:2rem;margin-left:5px}.play-icon:hover{transform:translate(-50%,-50%) scale(1.1);background:#ff7600}.video-locked{position:relative}.lock-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;color:#fff;padding:1.5rem;border-radius:50%}.quiz-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:modalFadeIn .4s ease-out}.quiz-modal{background:linear-gradient(145deg,#fff,#f5f7fa);padding:2.5rem;border-radius:24px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(255,255,255,.18)}.quiz-modal h2{font-size:2rem;color:#2c3e50;margin-bottom:1.5rem;text-align:center;font-weight:700;background:linear-gradient(45deg,#ff7600,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.quiz-question{background:#fff;padding:2rem;border-radius:20px;margin-bottom:2.5rem;box-shadow:0 8px 20px #0000000f;border:1px solid #eef2f7;position:relative}.quiz-question p{font-size:1.3rem;color:#2c3e50;margin-bottom:1.5rem;font-weight:600;line-height:1.5}.quiz-options{display:flex;flex-direction:column;gap:1.2rem;counter-reset:option}.option-label{display:flex;align-items:center;padding:1.2rem 1.8rem;background:#fff;border-radius:16px;border:2px solid #eef2f7;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.option-label input[type=radio]{display:none}.option-label:before{counter-increment:option;content:counter(option,upper-alpha);display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-right:1.2rem;border-radius:50%;background:#f8f9fa;border:2px solid #FF7600;color:#ff7600;font-weight:600;font-size:1rem;transition:all .3s ease}.option-label:hover{transform:translateY(-2px);background:#f8f9ff;border-color:#ff7600;box-shadow:0 10px 20px #ff76001a}.option-label.selected{background:linear-gradient(135deg,#ff7600,#ff8c00);border-color:transparent;transform:translateY(-2px);box-shadow:0 12px 25px #ff760040}.option-label.selected:before{background:#fff;color:#ff7600;border-color:#fff}.option-label span{flex-grow:1;font-size:1.15rem;font-weight:500;color:#2c3e50;transition:color .3s ease;margin-left:.5rem}.option-label.selected span{color:#fff;font-weight:600}.quiz-submit-btn{background:linear-gradient(135deg,#ff7600,#ff8c00);color:#fff;padding:1.2rem 2.5rem;border-radius:14px;border:none;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;margin-top:2rem;box-shadow:0 10px 20px #ff760033}.quiz-submit-btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px #ff76004d}.quiz-submit-btn:disabled{background:#e9ecef;cursor:not-allowed;transform:none;box-shadow:none}.quiz-result{margin-top:2rem;padding:1.5rem;border-radius:14px;text-align:center;font-weight:600;font-size:1.1rem;animation:fadeIn .5s ease-out}.quiz-result.passed{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;box-shadow:0 8px 20px #28a74533}.quiz-result.failed{background:linear-gradient(135deg,#dc3545,#f86d7d);color:#fff;box-shadow:0 8px 20px #dc354533}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quiz-progress{margin-bottom:2rem;text-align:center}.quiz-progress span{font-size:1.1rem;color:#6c757d;margin-bottom:.5rem;display:block}.quiz-progress-bar{height:8px;background:#e9ecef;border-radius:10px;overflow:hidden}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,#ff7600,#ff8c00);transition:width .3s ease;border-radius:10px}.score-popup-overlay{position:absolute;inset:0;background:#fffffff2;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-out;border-radius:24px}.score-popup{background:#fff;padding:2.5rem;border-radius:20px;text-align:center;box-shadow:0 15px 35px #0000001a;max-width:90%;width:400px}.score-header h2{font-size:1.8rem;color:#2c3e50;margin-bottom:2rem;background:linear-gradient(45deg,#ff7600,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.score-circle{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#ff7600,#ff8c00);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;margin:0 auto 2rem;box-shadow:0 10px 20px #ff760033}.score-number{font-size:2.5rem;font-weight:700;line-height:1}.score-percent{font-size:1.2rem;opacity:.9;margin-top:.5rem}.score-message{font-size:1.1rem;color:#666;margin-bottom:2rem;padding:0 1rem}.score-buttons{display:flex;gap:1rem;justify-content:center}.score-btn{padding:.8rem 1.5rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.score-btn.continue{background:linear-gradient(135deg,#ff7600,#ff8c00);color:#fff;border:none;flex:2}.score-btn.review{background:#fff;color:#ff7600;border:2px solid #FF7600;flex:1}.score-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}@media (max-width: 767px){.video-item{flex-direction:column;padding:1rem;margin-bottom:1rem}.thumbnail-container,.custom-video-player{width:100%;height:auto;margin-bottom:.5rem}.video-details h1,.video-details p{display:none}.watch-button{width:100%;padding:.8rem;font-size:.7rem;text-align:center}.play-icon{width:50px;height:50px}.play-icon svg{font-size:1.5rem}}@media (max-width: 479px){.video-item{padding:.8rem;margin-bottom:.5rem}.play-icon{width:40px;height:40px}.play-icon svg{font-size:1.2rem}}@media (max-width: 576px){.course-content-container{padding:1rem .5rem}.course-set-title{font-size:1.25rem;margin-bottom:1rem}.course-set-description{font-size:1rem;margin-bottom:1rem}.videos-grid{gap:1rem}.video-item{padding:1.5rem;flex-direction:column;width:100%}.thumbnail-container{margin:0 auto 1rem;width:100%}.video-details{padding:1rem}.video-details h1{font-size:1.5rem;margin-bottom:1rem}.video-details p{font-size:.95rem;margin-bottom:1.5rem}.watch-button{padding:.8rem 1.5rem;font-size:1rem}.course-set-navigation-buttons{flex-direction:column;gap:1rem;margin-top:1rem}.nav-button{width:100%;justify-content:center;padding:.8rem 1.2rem;font-size:1rem}.custom-video-player{aspect-ratio:auto;height:auto}}@media (max-width: 992px){.course-content-container{padding:2rem}.video-item{flex-direction:column;padding:2rem}.thumbnail-container{margin-right:0;margin-bottom:1.5rem}.video-details{padding:1.5rem;flex:1}.video-details h1{font-size:1.6rem}.watch-button{padding:1rem 2rem;font-size:1rem}}.testimonial-slider{position:relative;display:flex;align-items:center;justify-content:center;max-width:1200px;margin:0 auto;padding:20px;overflow:hidden}.testimonial-content{text-align:center;padding:20px;min-height:400px;display:flex;flex-direction:column;align-items:center;transition:transform .5s ease-in-out;animation:slideIn .5s ease-in-out}@keyframes slideIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.slider-arrow{background:transparent;color:#333;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s;position:absolute;top:50%;transform:translateY(-50%);font-size:24px;padding:10px;z-index:2}.slider-arrow.prev{left:0}.slider-arrow.next{right:0}.slider-arrow:hover{transform:translateY(-50%) scale(1.1)}.testimonial-dots{display:flex;justify-content:center;gap:10px;margin-top:20px}.dot{width:8px;height:8px;border-radius:50%;background:#ddd;border:none;cursor:pointer;padding:0;transition:background-color .3s}.dot.active{background:#333}.student-image{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:15px}.student-name{font-family:Recoleta,serif;color:#333;margin-bottom:5px}.student-course{color:#666;margin-bottom:10px}.testimonial-text{color:#444;line-height:1.6;max-width:700px;margin:20px auto}@media (max-width: 768px){.slider-arrow{font-size:20px}.testimonial-content{padding:10px}.testimonial-text{font-size:14px}}.exam-modal-overlay{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:modalFadeIn .4s ease-out;padding:1rem}.exam-modal{background:linear-gradient(145deg,#fff,#f5f7fa);padding:1rem;border-radius:12px;width:100%;max-width:100%;height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.exam-questions-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem}.exam-modal h2{font-size:1.4rem;margin-bottom:.5rem;text-align:center;font-weight:700;background:linear-gradient(45deg,#ff7600,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.exam-modal p{font-size:.9rem;text-align:center;color:#666;margin-bottom:1rem}.exam-question{background:#fff;padding:1rem;border-radius:10px;box-shadow:0 4px 10px #0000000d;height:fit-content}.exam-question p{font-size:1rem;color:#2c3e50;margin-bottom:.8rem;font-weight:600}.options{display:flex;flex-direction:column;gap:.8rem;counter-reset:option}.options label{display:flex;align-items:center;padding:.8rem 1.2rem;background:#fff;border-radius:12px;border:1px solid #eef2f7;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.options label input[type=radio]{display:none}.options label:before{counter-increment:option;content:counter(option,upper-alpha);display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:1rem;border-radius:50%;background:#f8f9fa;border:2px solid #FF7600;color:#ff7600;font-weight:600;font-size:.9rem;transition:all .3s ease}.options label:hover{transform:translateY(-2px);background:#f8f9ff;border-color:#ff7600}.options label input[type=radio]:checked+span{color:#ff7600;font-weight:500}.options label input[type=radio]:checked:before{background:#ff7600;color:#fff}.exam-results{text-align:center;padding:1rem}.exam-results h3{font-size:1.2rem;margin-bottom:.5rem}.exam-results p{font-size:.9rem;margin-bottom:1rem}.exam-modal button{background:linear-gradient(135deg,#ff7600,#ff8c00);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;width:100%;margin-top:1rem}@media (max-width: 768px){.exam-questions-container{grid-template-columns:1fr}.exam-modal{height:100vh;border-radius:0}}.dashboard-container{padding:130px 20px 0!important;background-color:#fff}.welcome-header{margin-bottom:2rem}.user-welcome{display:flex;align-items:center;gap:.5rem}.user-icon{font-size:2rem;color:#064919}.user-welcome h2{font-family:Recoleta,serif;font-size:1.4rem;color:#333;font-weight:500}section h3{font-size:1rem;color:#333;margin-bottom:1rem;font-weight:500}.course-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;margin-bottom:2rem}.course-card img{width:100%;height:200px;object-fit:cover}.course-info{padding:1rem}.course-info h4{font-size:1rem;color:#333;margin-bottom:.5rem}.course-progress{margin:1rem 0}.progress-bar{background:#e9ecef;height:8px;border-radius:4px;margin-bottom:.5rem}.progress{background:#064919;height:100%;border-radius:4px}.course-progress span{font-size:.9rem;color:#666}.resume-btn,.start-btn{background:#064919;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem}.resume-btn:hover,.start-btn:hover{background:#053614}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.course-meta{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.8rem;margin:.5rem 0}.time-icon{color:#666}.course-info p{font-size:.9rem;color:#666;margin:1rem 0;line-height:1.5}.dashboard-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid #e0e0e0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.footer-section h5{font-size:1rem;color:#333;margin-bottom:1rem}.footer-section ul{list-style:none;padding:0}.footer-section ul li{color:#666;font-size:.9rem;margin-bottom:.5rem;cursor:pointer}.footer-section p{color:#666;font-size:.9rem;margin-bottom:1rem}.subscribe-btn{background:#064919;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem}@media (max-width: 768px){.dashboard-container{padding:1rem}.courses-grid{grid-template-columns:1fr}.dashboard-footer{grid-template-columns:1fr;text-align:center}}.my-learning{margin-bottom:2rem}.my-learning h3{font-family:Recoleta,serif;font-size:1.2rem;color:#333;margin-bottom:1rem}.learning-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.learning-card-content{display:flex;align-items:stretch;padding:1rem;gap:2rem}.learning-card-image{flex:0 0 200px}.learning-card-image img{width:100%;height:120px;object-fit:cover;border-radius:4px}.learning-card-details{flex:1;display:flex;flex-direction:column;justify-content:space-between}.learning-card-details h4{font-size:1.1rem;color:#333;margin-bottom:1rem;font-weight:500}.progress-container{margin-bottom:1rem}.progress-bar{width:100%;height:8px;background-color:#e9ecef;border-radius:4px;margin-bottom:.5rem;overflow:hidden}.progress{height:100%;background-color:#064919;border-radius:4px;transition:width .3s ease}.progress-percentage{color:#333;font-size:.9rem;font-weight:500;margin-left:.5rem}.go-to-course-btn{align-self:flex-start;background-color:#064919;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}@media (max-width: 768px){.learning-card-content{flex-direction:column;gap:1rem}.learning-card-image{flex:0 0 auto}}.course-progress-card{display:flex;background:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;margin-bottom:3rem;box-shadow:0 2px 4px #0000000d}.course-image{width:300px;min-width:300px;height:200px;padding:1rem}.course-image img{width:100%;height:100%;object-fit:cover;border-radius:8px}.course-details{flex:1;padding:1.5rem}.course-details h4{font-family:Recoleta,serif;font-size:1.4rem;color:#333;margin-bottom:1.5rem}.progress-bar-container{width:100%}.progress-bar{width:100%;height:8px;background-color:#8a898921;border-radius:20px;margin-bottom:.5rem;overflow:hidden}.progress{display:block;width:15%;height:100%;background-color:#064919;border-radius:20px}.progress-bar-container span{display:block;color:#666;font-size:.9rem}.progress-percentage{float:right;margin-top:-20px;color:#333;font-weight:500}.go-to-course-btn{margin-top:1.5rem;background-color:#064919;color:#fff;border:none;padding:.5rem 1.5rem;border-radius:4px;cursor:pointer;font-size:.9rem}.go-to-course-btn:hover{background-color:#053614}@media (max-width: 768px){.course-progress-card{flex-direction:column}.course-image{width:100%;height:200px;padding:1rem}.course-details{padding:1rem}}.no-courses-message{text-align:center;padding:3rem;background-color:#f9f9f9;border-radius:8px;border:1px solid #e0e0e0;margin-bottom:2rem}.no-courses-message p{font-size:1.1rem;color:#555;margin:.5rem 0}.no-courses-message p:first-child{font-weight:500;color:#333;font-size:1.2rem}.course-card-container{display:flex;gap:24px;padding:10px 0;overflow:hidden;scroll-behavior:smooth}.course-card-wrapper{min-width:300px;flex:0 0 auto;margin-bottom:1rem}.course-card-container::-webkit-scrollbar{display:none}.course-cont{margin-bottom:3rem}.course-progress-card:last-child{margin-bottom:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h1{font-family:Recoleta,serif;font-size:1.4rem;color:#333;margin:0}.navigation-arrows{display:flex;gap:.5rem}.nav-arrow{background:#064919;color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.nav-arrow svg{color:#fff;font-size:1.2rem}.nav-arrow:hover{background:#043612}.nav-arrow:disabled{background:#ccc;cursor:not-allowed}@media screen and (max-width: 768px){.no-courses-message p{font-size:.8rem}.no-courses-message p:first-child{font-size:1rem}.navigation-arrows{display:none}.section-header{justify-content:center}.section-header h1{text-align:center;margin:0 auto}.course-card-container{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:15px}}.go-to-course-btn.disabled{background-color:#ccc!important;cursor:not-allowed!important;color:#666!important;border:none!important;pointer-events:none}.go-to-course-btn.disabled:hover{background-color:#ccc!important;transform:none!important;box-shadow:none!important}.payment-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;animation:fadeIn .3s ease forwards}.payment-content{background:#fff;padding:2rem;border-radius:16px;width:90%;max-width:460px;box-shadow:0 20px 40px #0003;transform:translateY(20px);opacity:0;animation:slideUp .4s ease .1s forwards}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.payment-content h2{color:#1a1a1a;margin-bottom:1.2rem;font-size:1.4rem;font-weight:600;text-align:center}.payment-content p{color:#4a4a4a;font-size:.9rem;margin-bottom:1.2rem;text-align:center;line-height:1.4}.payment-buttons{display:flex;flex-direction:column;gap:.8rem;margin-top:1.5rem}.paystack-button:hover{transform:translateY(-2px)!important;box-shadow:0 6px 16px #0649194d!important}.paystack-button:active{transform:translateY(0)!important}.close-button:hover{background:#f0f0f0;border-color:#d0d0d0}.login-redirect-btn{background:linear-gradient(135deg,#064919,#0a7029);color:#fff;padding:16px 24px;border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:500;width:100%;margin-top:1.5rem;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #06491933}.login-redirect-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0649194d}.login-redirect-btn:active{transform:translateY(0)}.price-tag{background:#f8fff9;border:1px solid #e0f0e3;border-radius:12px;padding:1.2rem;margin-bottom:1.2rem;text-align:center}.price-tag .amount{font-size:1.8rem;font-weight:700;color:#064919;margin-bottom:.5rem}.currency-conversions{color:#666;font-size:.8rem;margin:.5rem 0;display:flex;justify-content:center;gap:.5rem;align-items:center}.currency-conversions span{color:#064919;font-weight:500}.price-tag .description{color:#666;font-size:.8rem;margin-top:.5rem}.price-tag .original-price{font-size:.8rem;color:#888;margin-top:.5rem}.paystack-button{background:linear-gradient(135deg,#064919,#0a7029)!important;color:#fff!important;padding:14px 20px!important;border:none!important;border-radius:8px!important;cursor:pointer!important;font-size:1rem!important;font-weight:500!important;width:100%!important;margin-bottom:.5rem!important;transition:transform .2s ease,box-shadow .2s ease!important;box-shadow:0 4px 12px #06491933!important}.close-button{background:#f8f8f8;color:#333;padding:14px 20px;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;width:100%;transition:all .2s ease}.secure-payment{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;color:#666;font-size:.8rem}.secure-payment svg{color:#064919}.test-page{padding:2rem;max-width:1200px;margin:0 auto}.test-page h2{font-family:Recoleta,serif;font-size:2.5rem;color:#ff7600;margin-bottom:1.5rem;position:relative;display:inline-block}.test-page h2:before{content:"";position:absolute;bottom:0;left:0;width:70%;height:2px;background:#ff7600}.test-header{text-align:center;margin-bottom:2rem}.test-header h1{color:#ff7600;font-family:Recoleta,serif;margin-bottom:.5rem}.test-header p{color:#666}.exam-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;padding:1rem}.exam-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.exam-card:hover{transform:translateY(-5px)}.exam-card h3{color:#ff7600;margin-bottom:.5rem}.exam-card p{color:#666;font-size:.9rem;margin-bottom:1rem}.start-exam-btn{background:#ff7600;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:25px;cursor:pointer;transition:background-color .3s ease;width:100%}.start-exam-btn:hover{background:#e66a00}.error-container{text-align:center;padding:3rem}.error-container h2{color:#ff7600;margin-bottom:1rem}.error-container button{background:#ff7600;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:25px;cursor:pointer;margin-top:1rem}@media (max-width: 768px){.test-page{padding:1rem}.exam-list{grid-template-columns:1fr}}.option{display:flex;align-items:center;padding:.5rem;margin-bottom:.5rem;border:1px solid #ccc;border-radius:8px;transition:background-color .3s ease,border-color .3s ease}.option.active{background-color:#ffe5cc;border-color:#ff7600;color:#ff7600}.option input{margin-right:.5rem}.results-container{text-align:center;padding:2rem;max-width:1100px;margin:2rem auto;position:relative;overflow:hidden}.results-container h2{font-family:Recoleta,serif;font-size:2.5rem;color:#ff7600;margin-bottom:1.5rem;position:relative;display:inline-block}.score{font-size:2rem;font-weight:700;color:#2c3e50;margin:2rem 0;padding:1rem;background:#f8f9fa;border-radius:15px;display:inline-block}.answers-review{margin-top:2rem;text-align:left}.question-review{background:#f8f9fa;padding:1.5rem;margin-bottom:1.5rem;border-radius:12px;transition:transform .2s ease}.question-review:hover{transform:translate(10px)}.question-review .qtn{font-size:1.1rem;color:#2c3e50;margin-bottom:1rem;line-height:1.5}.question-review strong{color:#ff7600;font-size:1.2rem}.question-review .correct{color:#28a745;padding:.5rem;margin:.5rem 0;background:#28a7451a;border-radius:8px;display:inline-block}.question-review .incorrect{color:#dc3545;padding:.5rem;margin:.5rem 0;background:#dc35451a;border-radius:8px;display:inline-block}.question-review .correct-answer{color:#28a745;font-weight:500;margin-top:.5rem;padding:.5rem;background:#28a7451a;border-radius:8px;display:inline-block}.results-container .start-exam-btn{background:#ff7600;color:#fff;border:none;padding:1rem 2rem;border-radius:30px;font-size:1.1rem;margin-top:2rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff760033}.results-container .start-exam-btn:hover{background:#e66a00;transform:translateY(-2px);box-shadow:0 6px 20px #ff76004d}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}.confetti{position:absolute;width:10px;height:10px;background:#ff7600;animation:confetti 3s ease-in-out infinite}@media (max-width: 768px){.results-container{margin:.1rem;padding:.5rem}.auto-submit-alert{font-size:.8rem}.results-container h2{font-size:2rem}.score{font-size:1.5rem}.question-review{padding:1rem}.question-review .qtn{font-size:1rem}}@keyframes scoreReveal{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.score{animation:scoreReveal .5s ease-out forwards}.question-review{opacity:0;animation:fadeIn .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.question-review:nth-child(1){animation-delay:.1s}.question-review:nth-child(2){animation-delay:.2s}.question-review:nth-child(3){animation-delay:.3s}.results-title{font-family:Recoleta,serif;font-size:3rem;color:#ff7600;margin-bottom:2rem;position:relative;display:inline-block;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.results-title .emoji{font-size:2.5rem;margin-left:.5rem;animation:bounce 1s infinite}.score-container{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:2rem 0}.score-circle{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#ff7600,#ffb37c);display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 10px 30px #ff76004d;animation:scoreAppear 1s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.score-circle:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,#ffffff1a,#fff3,#ffffff1a);animation:shine 3s infinite linear}.score-number{font-size:2.5rem;font-weight:700;color:#fff;line-height:1;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.score-label{font-size:2rem;color:#ffffffe6;font-weight:700;margin-top:-.5rem}.pass-badge{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:.8rem 2rem;border-radius:50px;font-size:1.2rem;font-weight:700;display:flex;align-items:center;gap:.5rem;box-shadow:0 5px 15px #28a7454d;animation:badgeAppear .5s cubic-bezier(.4,0,.2,1) .5s backwards;text-align:center}.pass-badge span{text-align:center;margin:auto}.badge-icon{font-size:1.5rem}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.confetti{position:absolute;width:10px;height:10px;border-radius:2px;animation:confettiFall 3s linear infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes scoreAppear{0%{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes badgeAppear{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes confettiFall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@media (max-width: 768px){.results-title{font-size:2.5rem}.score-circle{width:150px;height:150px}.score-number{font-size:3rem}.score-label{font-size:1rem}.pass-badge{font-size:1rem;padding:.6rem 1.5rem}}@keyframes shine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.confetti-animation{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.course-title-banner{background:linear-gradient(135deg,#ff7600,#ff9d4a);padding:1.5rem;border-radius:15px;margin-bottom:2rem;text-align:center;box-shadow:0 4px 15px #ff760033;transform:translateY(-20px);animation:slideDown .5s ease-out forwards}.course-title-banner h1{color:#fff;font-size:2.5rem;margin:0;font-family:Recoleta,serif;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.course-title-banner .exam-name{display:inline-block;background:#fff3;padding:.5rem 1.5rem;border-radius:25px;color:#fff;font-size:1.1rem;margin-top:.8rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.course-title-banner h1{font-size:2rem}.course-title-banner .exam-name{font-size:1rem;padding:.4rem 1.2rem}}.fail-badge{text-align:center;margin:20px 0;padding:20px;background-color:#fff3f3;border-radius:8px;box-shadow:0 2px 4px #0000001a}.fail-badge .badge-text{font-size:24px;font-weight:700;color:#ff6b6b}.fail-badge .encouragement{margin:10px 0;color:#666;font-size:16px}.timer{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#ff7600,#ff5f00);color:#fff;padding:12px 25px;border-radius:50px;font-size:1.2rem;font-weight:700;box-shadow:0 4px 15px #ff76004d;animation:pulse 2s infinite;z-index:1000;transition:all .3s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.timer.warning{background:linear-gradient(135deg,#f44,red);animation:warningPulse 1s infinite}@keyframes warningPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.question-container{max-width:800px;margin:40px auto;padding:30px;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a}.question h3{font-size:1.3rem;color:#333;margin-bottom:25px;line-height:1.5}.options{display:grid;gap:15px;margin-top:20px}.option{position:relative;padding:15px 20px;background:#f8f9fa;border:2px solid #eee;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center}.option:hover{background:#fff;border-color:#ff7600;transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.option.active{background:#fff3e9;border-color:#ff7600;color:#ff7600}.option input[type=radio]{margin-right:12px;transform:scale(1.2)}.navigation{display:flex;justify-content:space-between;margin-top:30px;gap:15px}.navigation button{padding:12px 25px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:120px}.navigation button:disabled{opacity:.5;cursor:not-allowed}button.Next-Btn{background:#ff7600;color:#fff}button.Next-Btn:hover:not(:disabled){background:#e66a00;transform:translate(3px)}@media (max-width: 768px){.timer{position:sticky;top:0;right:auto;margin:10px auto;width:fit-content;font-size:1rem}.question-container{margin:20px;padding:20px}.question h3{font-size:1.1rem}.options{gap:10px}.option{padding:12px 15px}.navigation{flex-direction:column}.navigation button{width:100%;padding:15px}}@media (prefers-color-scheme: dark){.question-container{background:#1a1a1a;box-shadow:0 10px 30px #0000004d}.question h3{color:#fff}.option{background:#2a2a2a;border-color:#333;color:#fff}.option:hover{background:#333}.option.active{background:#ff7600;color:#fff}}.rules-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.rules-content{background:#fff;padding:2rem;border-radius:15px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 5px 15px #0000004d;animation:slideUp .3s ease-out}.rules-content h2{color:#ff7600;text-align:center;margin-bottom:1.5rem;font-family:Recoleta,serif}.rules-section{margin-bottom:1.5rem;padding:1rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #FF7600}.rules-section h3{color:#ff7600;margin-bottom:.8rem;font-size:1.2rem}.rules-section p{margin:.5rem 0;color:#666;line-height:1.4}.consent-section{margin:1.5rem 0;padding:1rem;background:#fff3cd;border-radius:8px;text-align:center;font-style:italic}.start-exam-btn{display:block;width:100%;padding:1rem;background:#ff7600;color:#fff;border:none;border-radius:25px;font-size:1.1rem;cursor:pointer;transition:all .3s ease;margin-top:1.5rem}.start-exam-btn:hover{background:#e66a00;transform:translateY(-2px);box-shadow:0 4px 10px #ff760033}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.rules-content{padding:1.5rem;width:95%}.rules-section{padding:.8rem}.rules-content h2{font-size:1.5rem}.rules-section h3{font-size:1.1rem}.rules-section p{font-size:.9rem}}.rules-content::-webkit-scrollbar{width:8px}.rules-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.rules-content::-webkit-scrollbar-thumb{background:#ff7600;border-radius:4px}.rules-content::-webkit-scrollbar-thumb:hover{background:#e66a00}.auto-submit-alert{background:#f8f9fa;padding:1rem;border-radius:12px;margin-bottom:3rem;text-align:center;animation:shaking 1s linear}@keyframes shaking{0%,to{transform:translate(0);background:#f8f9fa;color:#000}50%{transform:translate(-5px);background:red;color:#fff}}.navigation{justify-content:space-between}.Next-Btn{float:right;background:#ff7600}.instructor-container{padding:40px 0;background:#fff}.instructor-hero{display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding:0 20px}.instructor-image img{width:70%;height:auto}.instructor-content{flex:1}.instructor-content h1{font-size:1.8rem;margin-bottom:20px;color:#000;font-family:Recoleta,serif}.instructor-content h1 span{color:#ff7600;font-family:Recoleta,serif}.instructor-content p{color:#000;font-size:.8rem;line-height:1.2rem;margin-bottom:20px;text-align:justify}@media (max-width: 968px){.instructor-hero{flex-direction:column;text-align:center;gap:30px}.instructor-image{max-width:100%}.instructor-content h1{font-size:2rem}}@media (max-width: 768px){.instructor-container{padding:20px 0}.instructor-content h1{font-size:1.8rem}.instructor-content p{font-size:.9rem}}.form-section{max-width:1500px;margin:60px auto 0;padding:0 20px}.form-section h1{font-size:2.2rem;color:#000;font-family:Recoleta,serif;margin-bottom:20px}.form-section p{color:#666;font-size:.9rem;line-height:1.6;margin:0 auto}@media (max-width: 768px){.form-section{margin-top:40px}.form-section h1{font-size:1.8rem}.form-section p{font-size:.9rem}}.mentor-form{margin-top:40px;padding:30px;background:#fff;border-radius:15px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-group input{width:100%;padding:.75rem 40px;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-size:12px}.form-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.textarea-group{margin-bottom:30px}.form-group textarea{padding:12px;border-radius:8px;font-size:14px;resize:none}.submit-btn{position:relative;width:100%;padding:8px;background:#064919;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .3s ease}@media (max-width: 1024px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.mentor-form{padding:20px}}.form-group select{padding:12px;border:1px solid #FF7600;border-radius:8px;background:#fff7f0;font-size:14px;width:100%}.form-group select:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.submit-btn:disabled{background:#ccc;cursor:not-allowed}.custom-select{width:100%;padding:12px;border:1px solid #FF7600;border-radius:8px;background:#fff7f0;font-size:14px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23FF7600' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px}.custom-select:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.custom-select:focus{outline:none;border-color:#e66a00;box-shadow:0 0 0 2px #ff76001a}.error-message{color:#f44;background-color:#ffe6e6;padding:10px;border-radius:4px;margin:10px 0;text-align:center}.success-message{color:#28a745;background-color:#e8f5e9;padding:10px;border-radius:4px;margin:10px 0;text-align:center}@media (max-width: 1024px){.formContainer{gridTemplateColumns:repeat(2,1fr)!important}}@media (max-width: 768px){.formContainer{gridTemplateColumns:1fr!important}}.custom-dropdown-container{position:relative;width:100%}.dropdown-label{display:block;margin-bottom:8px;font-size:14px;color:#333}.custom-dropdown-input{position:relative;width:100%;border:1px solid #FF7600;border-radius:8px;background:#fff7f0;cursor:pointer;transition:all .3s ease}.custom-dropdown-input:hover{border-color:#e66a00}.custom-dropdown-input.error{border-color:#f44}.custom-dropdown-input input{width:100%;padding:12px;border:none;background:transparent;cursor:pointer;font-size:14px}.custom-dropdown-input input:focus{outline:none}.custom-dropdown-input.disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.custom-dropdown-input input.disabled{cursor:not-allowed}.dropdown-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#ff7600;font-size:12px;transition:transform .3s ease}.dropdown-arrow.open{transform:translateY(-50%) rotate(180deg)}.dropdown-options{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:#fff;border:1px solid #FF7600;border-radius:8px;margin-top:4px;padding:0;list-style:none;z-index:1000;box-shadow:0 2px 8px #0000001a}.dropdown-options li{padding:10px 12px;cursor:pointer;transition:background-color .2s ease}.dropdown-options li:hover{background-color:#fff7f0}.dropdown-options li.selected{background-color:#ffe4cc;color:#ff7600}.dropdown-options li.no-results{color:#999;cursor:default;text-align:center}.error-message{color:#f44;font-size:12px;margin-top:4px;display:block}.dropdown-options::-webkit-scrollbar{width:8px}.dropdown-options::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.dropdown-options::-webkit-scrollbar-thumb{background:#ff7600;border-radius:4px}.dropdown-options::-webkit-scrollbar-thumb:hover{background:#e66a00}.modal-content{background-color:#fff;padding:20px;border-radius:8px;width:90%;max-width:500px;box-shadow:0 2px 10px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}.modal-header.success{color:#28a745}.modal-header.error{color:#dc3545}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.modal-body{margin-bottom:20px}.modal-footer{display:flex;justify-content:flex-end}.blog-post-container{padding:100px 1.5rem 0;color:#333;font-family:Inter,sans-serif;line-height:1.6}@media screen and (max-width:768px){.blog-post-container{padding-top:100px!important}}.reduce-wdth{max-width:800px;margin:0 auto}.blog-post-header{text-align:left;margin-bottom:2rem;border-bottom:1px solid #eaeaea;padding-bottom:1rem}.blog-post-header h1{font-size:2rem;color:#064919;margin-bottom:.5rem;font-family:Recoleta,serif;line-height:1.3}.blog-post-meta{color:#666;font-size:.9rem}.blog-post-meta span{margin-right:1rem}.blog-post-image{width:100%;height:400px;margin-bottom:2rem;border-radius:12px;overflow:hidden}.blog-post-image img{width:100%;height:100%;object-fit:cover}.blog-post-content{font-size:1rem}.blog-post-content h2{font-size:1.5rem;color:#064919;margin:2rem 0 1rem;font-family:Recoleta,serif}.blog-post-content h3{font-size:1.25rem;color:#064919;margin:1.5rem 0 1rem;font-family:Recoleta,serif}.blog-post-content h4{font-size:1.1rem;color:#064919;margin:1.25rem 0 .75rem}.blog-post-content p{margin-bottom:1.25rem;font-size:.95rem;color:#444}.blog-post-content ul,.blog-post-content ol{margin:1rem 0 1.5rem 1.5rem;padding-left:0}.blog-post-content li{margin-bottom:.5rem;font-size:.95rem;color:#444}.blog-post-content pre{background-color:#f6f8fa;border-radius:6px;padding:1rem;margin:1rem 0;overflow-x:auto}.blog-post-content code{font-family:Consolas,monospace;font-size:.9rem;color:#064919}.blog-post-content a{color:#064919;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease}.blog-post-content a:hover{border-bottom-color:#064919}.blog-post-content .note{background-color:#f8f9fa;border-left:4px solid #064919;padding:1rem;margin:1rem 0;font-size:.9rem;color:#666}.blog-post-content em{color:#666;font-style:italic}.blog-post-not-found{text-align:center;padding:4rem 0}.blog-post-not-found h1{font-size:1.75rem;color:#064919;margin-bottom:1rem}.blog-post-not-found p{color:#666;margin-bottom:1.5rem}.back-home{display:inline-block;padding:.8rem 1.5rem;background-color:#064919;color:#fff;text-decoration:none;border-radius:4px;transition:background-color .3s ease}.back-home:hover{background-color:#043612}@media (max-width: 768px){.blog-post-container{padding:0 1rem;margin:1rem auto}.blog-post-header h1{font-size:1.75rem}.blog-post-content h2{font-size:1.35rem}.blog-post-content h3{font-size:1.2rem}.blog-post-content h4{font-size:1.05rem}.blog-post-content p,.blog-post-content li{font-size:.9rem}}@media print{.blog-post-container{max-width:100%;margin:0;padding:0}.blog-post-content{font-size:11pt}.back-home{display:none}}.blog-post-navigation{margin:3rem 0;text-align:center}.back-to-blogs{display:inline-block;padding:.8rem 1.5rem;background-color:#064919;color:#fff;text-decoration:none;border-radius:4px;transition:background-color .3s ease}.back-to-blogs:hover{background-color:#043612}.blog-post:nth-child(2){flex-direction:row-reverse}@media (max-width: 768px){.collaborate-container{padding:15px!important}.collaborate-header{padding:30px 15px!important;text-align:center!important}.collaborate-header h1{font-size:24px!important;margin-bottom:15px!important}.collaborate-header p{font-size:16px!important;line-height:1.5!important;padding:0 10px!important}.partner-section{flex-direction:column!important;padding:30px 15px!important;gap:30px!important}.partner-content{width:100%!important;text-align:center!important}.partner-content h2{font-size:22px!important;margin-bottom:15px!important}.partner-content p{font-size:14px!important;line-height:1.6!important}.partner-image{width:100%!important;padding:0!important}.partner-image img{display:none}.tryout-section{padding:30px 15px!important}.tryout-card{flex-direction:column!important;padding:20px!important;gap:30px!important}.tryout-image-wrapper{width:100%!important}.image-container{width:100%!important;height:200px!important}.tryout-image{width:100%!important;height:100%!important;object-fit:cover!important}.tryout-content{width:100%!important;padding:0!important}.tryout-content h1{font-size:22px!important;margin-bottom:15px!important;text-align:center!important}.tryout-subtitle{font-size:14px!important;line-height:1.6!important;text-align:center!important}.tech-benefits{grid-template-columns:1fr!important;gap:20px!important;padding:20px 0!important}.benefit-item{flex-direction:row!important;align-items:flex-start!important;gap:12px!important;padding:12px!important}.benefit-icon{font-size:18px!important;min-width:32px!important;width:32px!important;height:32px!important;background-color:#fff!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#064919!important;margin-top:3px!important}.benefit-text{flex:1!important}.benefit-text h3{font-size:16px!important;margin-bottom:5px!important}.benefit-text p{font-size:14px!important;line-height:1.4!important}.tryout-btn{width:auto!important;min-width:150px!important;max-width:200px!important;margin:25px auto 0!important;display:block!important;padding:10px 20px!important;font-size:15px!important;background-color:#064919!important;color:#fff!important;border:none!important;border-radius:4px!important;cursor:pointer!important;transition:background-color .3s ease!important}.tryout-btn:hover{background-color:#053612!important}.contribution-section{width:100%!important;margin-left:0!important;padding:30px 15px!important;text-align:center!important}.contribution-section h2{font-size:22px!important;margin-bottom:15px!important}.contribution-section p{font-size:14px!important;line-height:1.6!important;margin-bottom:15px!important}}@media (max-width: 480px){.collaborate-header h1,.partner-content h2,.tryout-content h1,.contribution-section h2{font-size:20px!important}.benefit-item{padding:10px!important}.benefit-icon{font-size:16px!important;min-width:28px!important;width:28px!important;height:28px!important}.benefit-text h3{font-size:15px!important}.benefit-text p{font-size:13px!important}.tryout-btn{font-size:14px!important;padding:8px 16px!important}}.certificate-page{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:100px 40px 0;background-color:#f5f5f5}.certificate-container{display:flex;flex-direction:column;align-items:center;max-width:1200px;width:100%}.certificate{background-color:#fff;padding:40px 60px;border:8px solid #064919;box-shadow:0 10px 30px #0000001a;text-align:center;width:100%;position:relative;aspect-ratio:16 / 9;display:flex;flex-direction:column;justify-content:space-between}.certificate:before{content:"";position:absolute;inset:12px;border:2px solid #064919}.certificate-header{margin-bottom:10px;position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.certificate-logo{width:150px;margin-bottom:20px;display:block;margin-left:auto;margin-right:auto}.certificate-header h1{font-size:36px;color:#064919;font-family:Recoleta,serif;margin:0}.certificate-body{flex:1;display:flex;flex-direction:column;justify-content:center;margin:10px 0}.certificate-text{font-size:18px;margin:10px 0;color:#333}.certificate-name{font-size:32px;margin:15px 0;color:#064919;font-weight:700;font-family:Recoleta,serif}.certificate-course{font-size:24px;margin:15px 0;color:#000;font-family:Recoleta,serif}.certificate-date{font-size:16px;margin:20px 0;font-style:italic;color:#666}.certificate-footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:20px;position:relative;z-index:1;width:100%}.certificate-signature{text-align:center;margin:0;min-width:220px}.signature-line{width:220px;height:1px;background-color:#000;margin-bottom:10px}.certificate-actions{display:flex;gap:20px;margin-top:30px}.certificate-actions button{padding:12px 24px;border:none;border-radius:5px;cursor:pointer;font-weight:500;transition:all .3s ease}.print-button,.download-button{background-color:#064919;color:#fff}.back-button{background-color:#f0f0f0;color:#333}.certificate-actions button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}@media print{@page{size:landscape;margin:0}body{margin:0;padding:0}nav,header,footer,.navbar,.top-banner{display:none!important}.certificate-actions{display:none}.certificate-page{height:100vh;width:100vw;padding:0;display:flex;align-items:center;justify-content:center;background-color:#fff}.certificate{box-shadow:none;border:8px solid #064919;page-break-inside:avoid;max-height:100vh;height:auto;width:100%;aspect-ratio:16 / 9;zoom:.9}.certificate-title,.certificate-name,.certificate-course{color:#043613}.certificate-text,.instructor-name,.instructor-title{color:#222}.rc-number{color:#043613}}.certificate-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5}.certificate-spinner{width:50px;height:50px;border:5px solid rgba(6,73,25,.2);border-top:5px solid #064919;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.certificate-loading p{font-size:18px;color:#064919;font-family:Recoleta,serif}.rc-number{position:absolute;top:20px;right:20px;font-size:14px;font-weight:600;color:#064919;padding:8px 15px;border:none;background-color:transparent;z-index:5}.certificate-title{font-size:38px;color:#064919;font-family:Recoleta,serif;margin:10px auto;text-transform:uppercase;letter-spacing:3px;font-weight:700;position:relative;display:inline-block;padding:0 20px;text-align:center}.certificate-title:before,.certificate-title:after{content:"";position:absolute;width:40px;height:3px;background-color:#064919;top:50%}.certificate-title:before{left:-30px}.certificate-title:after{right:-30px}.certificate-content{padding:10px 15%}.course-description{font-style:italic;color:#555;margin-top:5px;font-size:16px}.certificate-name:after{content:"";position:absolute;width:60%;height:2px;background-color:#0649194d;bottom:-5px;left:20%}.certificate-course{font-size:26px;margin:15px 0;color:#000;font-family:Recoleta,serif;font-weight:600}.certificate-date{font-size:16px;margin:25px 0 10px;font-style:italic;color:#555;border-top:1px dashed rgba(0,0,0,.1);padding-top:10px;display:inline-block}.certificate-signature{text-align:center;margin:0}.instructor-name{margin:0;font-size:14px;color:#333;width:220px;top:0}.instructor-title{font-size:14px;color:#666;margin:0}.certificate-stamp{position:relative;width:120px;height:120px;margin-bottom:-20px;margin-right:20px;z-index:5}.wida-stamp{width:100%;height:100%;object-fit:contain;opacity:.9;transform:rotate(-15deg)}.wida-stamp-fallback{width:100%;height:100%;border:none;border-radius:50%;position:relative;display:flex;justify-content:center;align-items:center;transform:rotate(-15deg);color:#064919;background-color:transparent;box-shadow:none;font-size:26px;font-weight:700;opacity:.7}.wida-stamp-fallback:before{content:"WiDa";font-family:Recoleta,serif;font-size:28px;font-weight:700}.wida-stamp-fallback:after{content:"APPROVED";position:absolute;bottom:30px;left:50%;transform:translate(-50%);font-size:14px;font-weight:700}@media screen and (max-width: 768px){.certificate{padding:30px}.certificate-title{font-size:28px;letter-spacing:2px}.certificate-content{padding:15px}.certificate-name{font-size:24px}.certificate-course{font-size:20px}.certificate-text{font-size:16px}.certificate-footer{padding:0 20px}.certificate-stamp{width:80px;height:80px}.rc-number{font-size:12px;padding:4px 8px}}.about-course-banner{width:100%;background:#f8f9fa;padding:40px 30px;color:#2d2d2d;margin-bottom:30px;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d;border-bottom:1px solid #e9ecef}.about-course-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#06491905,#0649190d);z-index:1}.about-course-content{position:relative;z-index:2;max-width:1200px;margin:0 auto}.course-header{margin-bottom:25px}.course-header h1{font-size:1.8rem;font-weight:600;margin-bottom:15px;font-family:Recoleta,sans-serif;line-height:1.3;color:#064919}.course-meta{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#4a5568}.meta-item svg{font-size:1rem;color:#064919;opacity:.8}.meta-item.ratings .stars{display:flex;gap:2px;color:gold}.course-description{max-width:700px;margin-bottom:25px}.course-description p{font-size:.95rem;line-height:1.6;color:#4a5568;font-weight:400}.course-actions{margin-bottom:30px}.start-course-btn,.resume-course-btn{padding:12px 24px;font-size:.9rem;font-weight:500;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;letter-spacing:.3px}.start-course-btn{background:#064919;color:#fff}.resume-course-btn{background:#fff;color:#064919;border:1px solid #064919}.start-course-btn:hover,.resume-course-btn:hover{transform:translateY(-1px);box-shadow:0 3px 8px #00000014}.resume-course-btn:hover{background:#f8f9fa}.btn-icon{font-size:.8rem}.course-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:30px}.highlight-item{display:flex;align-items:flex-start;gap:12px;padding:15px;background:#fff;border-radius:8px;transition:all .2s ease;border:1px solid #e9ecef}.highlight-item:hover{transform:translateY(-2px);box-shadow:0 3px 8px #0000000d;border-color:#064919}.highlight-icon{background:#06491914;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#064919}.highlight-text h4{font-size:.9rem;margin-bottom:4px;font-weight:500;color:#2d2d2d}.highlight-text p{font-size:.8rem;color:#4a5568;line-height:1.4}@media screen and (max-width: 768px){.about-course-banner{padding:30px 20px;background:#f8f9fa}.course-header h1{font-size:1.5rem}.course-meta{gap:15px}.meta-item{font-size:.85rem}.course-description p{font-size:.9rem}.course-highlights{grid-template-columns:1fr;gap:15px}.highlight-item{padding:12px}}@media screen and (max-width: 480px){.about-course-banner{padding:25px 15px}.course-header h1{font-size:1.4rem}.course-meta{flex-direction:column;align-items:flex-start;gap:12px}.start-course-btn,.resume-course-btn{width:100%;justify-content:center;padding:10px 20px;font-size:.85rem}}.lesson{display:flex;flex-direction:column}.lessons-container{display:flex;flex-wrap:wrap!important;min-height:auto!important;overflow:visible;position:relative;padding-top:100px!important}.left-container{width:60%;min-height:auto!important;color:#2d2d2d;border-radius:8px;overflow-y:auto;padding:20px;background:#fff}.topic-content-container{padding:20px;background:#fff;border-radius:8px;margin-top:20px;box-shadow:0 1px 3px #0000000d}.topic-content-container h2{font-size:1.5rem;color:#2d2d2d;margin-bottom:15px;font-weight:600;font-family:Recoleta,sans-serif}.topic-content-container p{font-size:.95rem;line-height:1.6;color:#4a5568;margin-bottom:20px}.materials-section{margin-top:30px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.materials-section h3{font-size:1.1rem;color:#2d2d2d;margin-bottom:15px;font-weight:600}.materials-section ul{list-style:none;padding:0;margin:0}.materials-section li{padding:10px 15px;background:#fff;border-radius:6px;margin-bottom:8px;font-size:.9rem;color:#4a5568;display:flex;align-items:center;gap:10px;border:1px solid #e9ecef;transition:all .2s ease}.materials-section li:hover{transform:translate(5px);border-color:#064919;cursor:pointer}.materials-section li:last-child{margin-bottom:0}.right-container{width:100%;position:sticky;top:0;height:100vh;overflow-y:auto;color:#2d2d2d;background:#fff;border-left:1px solid #e0e0e0;align-self:flex-start;display:block!important}.right-box-container{height:100%;overflow-y:auto}.week-container{border-bottom:1px solid #e9ecef;background:#fff}.right-box{padding:20px 25px;background:#fff;cursor:pointer;transition:all .3s ease;position:relative}.right-box:hover{background:#f8f9fa}.right-box-content{display:flex;justify-content:space-between;align-items:center}.right-box h1{font-size:1rem;font-weight:600;color:#2d2d2d;margin:0;transition:color .3s ease}.right-box p{font-size:.85rem;color:#666;margin:4px 0 0}.arrow-icon{font-size:1rem;color:#666;transition:transform .3s ease}.week-container.open .arrow-icon{transform:rotate(180deg)}.topics-dropdown{background:#fff;max-height:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0}.topics-dropdown.open{max-height:2000px;opacity:1;padding:10px 0}.topic-item{padding:12px 25px 12px 35px;margin:2px 15px;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;gap:15px;background:#f8f9fa}.topic-item:before{content:"";position:absolute;left:15px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:#064919;opacity:.5;transition:all .2s ease}.topic-item:hover{background:#f0f2f5;transform:translate(5px)}.topic-item:hover:before{opacity:1;transform:translateY(-50%) scale(1.2)}.topic-item.active{background:#06491914;border-left:3px solid #064919}.topic-item.active:before{opacity:1;background:#064919}.topic-left{flex:1;display:flex;align-items:center;gap:12px}.checkbox{width:18px;height:18px;border:2px solid #064919;border-radius:4px;position:relative;transition:all .2s ease}.checkbox.checked{background:#064919}.checkbox.checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px}.topic-content{flex:1}.topic-text{font-size:.9rem;color:#2d2d2d;margin-bottom:4px;font-weight:500}.duration-container{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#666}.duration-container svg{font-size:.9rem;opacity:.7}.week-progress{position:absolute;left:0;top:0;bottom:0;width:3px;background:#e9ecef}.week-progress-fill{position:absolute;left:0;top:0;width:100%;background:#064919;transition:height .3s ease}.week-status{display:flex;align-items:center;gap:8px;margin-top:5px}.status-dot{width:8px;height:8px;border-radius:50%;background:#e9ecef}.status-dot.completed{background:#064919}.status-text{font-size:.8rem;color:#666}.topic-item:hover .topic-text{color:#064919}.topic-item:hover .duration-container{color:#064919;opacity:.8}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.topics-dropdown.open .topic-item{animation:slideDown .3s ease forwards;animation-delay:calc(var(--item-index) * .05s)}@media screen and (max-width: 768px){.right-box{padding:15px 20px}.topic-item{padding:10px 20px 10px 35px;margin:2px 10px}.topic-item:before{left:15px}}.content-toggle-buttons{display:flex;align-items:center;gap:2px;padding:0 20px;background:#fff;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:10}.content-toggle-btn{padding:15px 25px;font-size:.95rem;font-weight:500;color:#666;background:none;border:none;cursor:pointer;position:relative;transition:all .3s ease}.content-toggle-btn:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#064919;transform:scaleX(0);transition:transform .3s ease}.content-toggle-btn.active{color:#064919;font-weight:600}.content-toggle-btn.active:after{transform:scaleX(1)}.content-toggle-btn:hover{color:#064919}.content-toggle-btn:hover:after{transform:scaleX(1)}.course-content-section,.about-content-section{display:none;padding:20px}.course-content-section.active,.about-content-section.active{display:block}.about-content-section{background:#fff}.about-content-inner{max-width:none;margin:0;padding:0 25px}.about-content-inner h3{font-size:1.2rem;color:#2d2d2d;margin-bottom:15px;font-weight:600}.about-content-inner p{font-size:.95rem;line-height:1.6;color:#4a5568;margin-bottom:20px;max-width:800px}.instructor-section{margin-top:30px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;max-width:800px}.instructor-section h4{font-size:1.1rem;color:#2d2d2d;margin-bottom:10px;font-weight:600}.instructor-section p{font-size:.9rem;color:#4a5568;line-height:1.5}.content-viewer{position:relative!important;height:100%!important}.video-container{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#00000080;cursor:pointer;transition:background .3s ease;z-index:2}.video-overlay:hover{background:#000000b3}.play-button{width:80px;height:80px;background:#ffffffe6;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:transform .3s ease;cursor:pointer}.play-button:hover{transform:scale(1.1)}.play-icon-large{color:#00000080;font-size:30px;margin-left:5px}.content-details{color:#fff}.content-details h2{margin-bottom:20px;font-family:Recoleta,sans-serif}.materials{margin:20px 0}.materials h3{margin-bottom:10px;font-family:Recoleta,sans-serif}.materials ul{list-style:none;padding-left:0}.materials li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.transcript{margin-top:20px}.transcript h3{margin-bottom:10px;font-family:Recoleta,sans-serif}.no-content{display:flex;justify-content:center;align-items:center;height:100%;color:#fff;text-align:center}.no-content h2{font-family:Recoleta,sans-serif}.topic-item.assignment{background-color:#f5f5f5}.topic-item.assignment.active{background-color:#4caf50!important;color:#fff!important}.topic-item.assignment.active *{color:#fff!important}.course-cont-text{display:block;padding:20px;margin-top:20px}.content-switch{display:none}@media screen and (max-width: 768px){.course-cont-text{display:none!important}.course-cont-text.active{display:block!important}.video-container{position:fixed!important;top:70px!important;left:0!important;right:0!important;z-index:999!important;width:100%!important;aspect-ratio:16/9!important;margin-bottom:0!important}.content-switch{position:fixed!important;top:calc(70px + 56.25vw)!important;left:0!important;right:0!important;z-index:999!important;background:#fff!important;box-shadow:0 2px 4px #0000001a!important}.right-container,.course-cont-text{position:relative!important;height:auto!important;overflow-y:visible!important}.right-box-container{padding-top:10px!important}.video-container{width:100%!important;height:auto!important;margin-bottom:0!important}.content-switch{display:flex!important;width:100%!important;border-bottom:1px solid #e0e0e0!important;margin-bottom:0!important}.switch-btn{flex:1!important;padding:15px!important;border:none!important;background:none!important;font-size:16px!important;font-weight:600!important;color:#666!important;cursor:pointer!important;position:relative!important;transition:all .3s ease!important}.switch-btn.active{color:#064919!important}.switch-btn.active:after{content:""!important;position:absolute!important;bottom:0!important;left:0!important;width:100%!important;height:3px!important;background-color:#064919!important;transform:scaleX(1)!important;transition:transform .3s ease!important}.switch-btn:not(.active):after{content:""!important;position:absolute!important;bottom:0!important;left:0!important;width:100%!important;height:3px!important;background-color:#064919!important;transform:scaleX(0)!important;transition:transform .3s ease!important}.switch-btn:hover:after{transform:scaleX(1)!important}.right-container{width:100%!important;position:relative!important;height:auto!important;overflow-y:visible!important;border-left:none!important;display:none!important}.right-container.active{display:block!important;padding-bottom:20px!important;margin-top:430px!important}.right-container.active .right-box-container{display:block!important;visibility:visible!important;opacity:1!important}.course-cont-text{width:100%!important;padding:15px!important;margin-top:calc(85px + 56.25vw)!important}.course-cont-text.active{display:block!important;padding:0!important;margin-top:calc(85px + 56.25vw)!important;background:#fff!important}.right-box-container{padding:0!important;height:auto!important;overflow-y:visible!important}.left-container{min-height:30vh!important}.right-box{padding:15px!important;background-color:#f5f5f5!important}.topics-dropdown{background-color:#fff!important}.topic-item{padding:12px 15px!important;margin:5px 10px!important;border-radius:8px!important;background-color:#f9f9f9!important}.topic-item:hover{background-color:#f0f0f0!important}.topic-item.active{background-color:#06491933!important;border-left:3px solid #064919!important}.teacher-info-head{margin-top:20px!important}.teacher-stats{padding:8px 15px!important;margin-top:0!important}.teacher-info-section{width:100%!important;margin:20px 0!important;padding:15px!important}.right-container,.course-cont-text{display:none!important}.course-cont-text.active{display:block!important;width:100%!important;padding:0!important;margin-top:calc(85px + 56.25vw)!important;background:#fff!important}.data-analysis-content{width:100%!important;padding:0!important;margin:0 auto!important;max-width:none!important}.data-analysis-content p{width:100%!important;margin:15px 0!important;padding:0 15px!important;font-size:15px!important;line-height:1.6!important}.data-analysis-content h1{width:100%!important;padding:0 15px!important;margin:10px 0!important;font-size:24px!important}.data-analysis-content .teacher-stats{padding:8px 15px!important;margin-top:0!important}.content-switch{position:fixed!important;top:calc(70px + 56.25vw)!important;left:0!important;right:0!important;z-index:999!important;background:#fff!important;border-bottom:1px solid #e0e0e0!important;margin-bottom:0!important}.course-cont-text.active{width:100%!important;padding:0!important;margin-top:calc(85px + 56.25vw)!important;background:#fff!important}.right-container.active{display:block!important}}@media screen and (max-width: 480px){.switch-btn{font-size:14px!important;padding:12px!important}.right-box-container h3{font-size:16px!important;padding:12px 15px!important}.topic-item{padding:10px 12px!important;margin:4px 8px!important}.topic-text{font-size:13px!important}}.teacher-info-section{margin-top:40px;padding:20px;background:#f9f9f9;border-radius:8px}@media screen and (max-width: 768px){.teacher-info-section{margin-top:30px;padding:15px}}.navbar{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1001!important;background:#fff!important}.lessons-container{display:flex;min-height:200vh;overflow:visible;position:relative}@media screen and (max-width: 768px){.lessons-container{flex-direction:column!important;min-height:auto!important}.video-container{position:fixed!important;top:70px!important;left:0!important;right:0!important;z-index:999!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;margin-bottom:0!important}.content-switch{position:fixed!important;top:calc(70px + 56.25vw)!important;left:0!important;right:0!important;z-index:999!important;background:#fff!important;border-bottom:1px solid #e0e0e0!important;margin-bottom:0!important}.right-container,.course-cont-text{position:relative!important;height:auto!important;overflow-y:visible!important}}.video-loading{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000c;z-index:10}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#064919;animation:spin 1s linear infinite}.video-loading p{color:#fff;margin-top:10px;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.video-container>div{position:absolute;top:0;left:0}.video-container .react-player__controls{background:linear-gradient(transparent,#000000b3)}.video-container .react-player__control-bar{padding:10px}@media screen and (max-width: 768px){.video-container{border-radius:0;margin-bottom:0}.video-container.normal-position{position:fixed!important;top:70px!important;left:0!important;right:0!important;z-index:999!important}}.lessons-container>footer{width:100%!important;margin-top:20px!important;order:3!important}@media screen and (max-width: 768px){.lessons-container{flex-direction:column!important}.left-container,.right-container{width:100%!important}}.mobile-assessment-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:2000;padding:15px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-assessment-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:85vh;overflow-y:auto;box-shadow:0 6px 30px #0003}.mobile-assessment-modal-header{padding:18px 20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background-color:#f9f9f9;border-radius:12px 12px 0 0}.mobile-assessment-modal-header h3{margin:0;font-size:20px;color:#064919;font-family:Recoleta,sans-serif;font-weight:600}.close-modal-btn{background:#f0f0f0;border:none;font-size:22px;color:#666;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-modal-btn:hover{background:#e0e0e0;color:#333}.mobile-assessment-modal-body{padding:20px}.mobile-assessment-modal .assignment-content{padding:0;box-shadow:none}.mobile-assessment-modal .assignment-content h2{font-size:20px;margin-bottom:15px}.mobile-assessment-modal .questions{margin-bottom:15px}.mobile-assessment-modal .question{margin-bottom:25px;background:#f9f9f9;padding:15px;border-radius:10px}.mobile-assessment-modal .question h3{font-size:16px;margin-bottom:10px}.mobile-assessment-modal .question-text{font-size:15px;margin-bottom:15px}.mobile-assessment-modal .option{padding:12px 15px;margin:6px 0;border-radius:8px}.mobile-assessment-modal .radio{width:18px;height:18px}.mobile-assessment-modal .radio-inner{width:10px;height:10px}.mobile-assessment-modal .submit-assignment{width:100%;margin-top:20px;padding:14px;border-radius:8px;font-size:16px;font-weight:600;background-color:#064919;box-shadow:0 2px 6px #06491933}.mobile-assessment-modal{animation:modalFadeIn .3s ease forwards}@media screen and (max-width: 480px){.mobile-assessment-modal{max-height:90vh}.mobile-assessment-modal-header,.mobile-assessment-modal-body{padding:15px}.mobile-assessment-modal .question{padding:12px}.mobile-assessment-modal .option{padding:10px 12px}}.assignment-content{padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d}.assignment-content h2{color:#064919;margin-bottom:20px;font-family:Recoleta,sans-serif;font-size:24px}.questions{margin-bottom:30px}.question{margin-bottom:30px;background:#f9f9f9;padding:20px;border-radius:8px;box-shadow:0 2px 6px #0000000d}.question h3{color:#064919;margin-bottom:15px;font-family:Recoleta,sans-serif;font-size:18px;font-weight:600}.question-text{margin-bottom:20px;font-size:16px;line-height:1.6;color:#333}.options{display:flex;flex-direction:column;gap:12px}.option{padding:15px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;color:#0f0f0fda;background:transparent;border:none}.option:hover{border-color:#064919}.option.selected{background:#06491914;border-color:.1px solid #064919}.option span{color:#0f0f0fda;font-size:16px}.radio-container{display:flex;align-items:center;gap:12px;width:100%}.radio{width:20px;height:20px;min-width:20px;border:2px solid #aaa;border-radius:50%;position:relative;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.option.selected .radio{border-color:#064919}.radio-inner{width:12px;height:12px;background-color:#064919;border-radius:50%;transition:all .2s ease}.submit-assignment{background-color:#064919;color:#fff;border:none;padding:14px 28px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease;margin-top:20px;display:block;text-align:center}.submit-assignment:hover{background-color:#053614}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-container{background-color:#fff;border-radius:12px;width:90%;max-width:500px;box-shadow:0 10px 25px #0003;overflow:hidden;animation:modalFadeIn .3s ease}.modal-header{padding:20px;border-bottom:1px solid #eee;text-align:center}.modal-header h3{margin:0;color:#064919;font-family:Recoleta,sans-serif;font-size:22px;font-weight:600}.modal-body{padding:30px 20px;text-align:center}.result-icon{margin-bottom:20px}.success-icon{width:80px;height:80px;background-color:#064919;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;margin:0 auto}.failure-image{width:80px;height:80px;object-fit:contain;margin:0 auto}.modal-body h4{margin:0 0 15px;font-size:18px;color:#333;font-family:Recoleta,sans-serif}.score-text{font-size:24px;font-weight:600;color:#064919;margin:10px 0}.score-detail{color:#666;margin:5px 0 20px}.modal-footer{padding:20px;display:flex;justify-content:center;gap:10px}.modal-button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-weight:600;transition:all .3s ease}.success-button{background-color:#4caf50;color:#fff;margin:0 5px}.success-button:hover{background-color:#45a049;transform:translateY(-2px)}.failure-buttons{display:flex;gap:10px}.retry-button{background-color:transparent;border:1px solid #064919;color:#064919}.course-button{background-color:#064919;color:#fff}@media (max-width: 480px){.modal-container{width:90%;margin:20px auto}.modal-footer{flex-direction:column}.modal-button{width:100%;margin:5px 0}.failure-buttons{flex-direction:column;width:100%}}.assessment-info{font-style:italic;color:#666;margin-bottom:20px;font-size:14px;background-color:#f5f5f5;padding:10px;border-radius:6px}.course-overview-section{padding:20px;margin-top:30px;border-top:1px solid #e0e0e0}.course-overview-section h3{font-size:20px;margin-bottom:15px;color:#064919;font-family:Recoleta,sans-serif}.overview-content{margin:20px 0}.overview-content p{margin-bottom:15px;font-size:14px;line-height:1.6;color:#333}.teacher-info-section{background:#f9f9f9;padding:15px;border-radius:8px;margin-top:20px}.teacher-info-head h4{font-size:16px;margin:5px 0;color:#064919}.teacher-bio{font-size:14px;line-height:1.6;margin-top:10px;color:#333}@media screen and (max-width: 768px){.course-overview-section{padding:15px;margin-top:20px}.overview-content p{font-size:13px}.info-head-ttle{color:#064919}}.video-container.normal-position{position:relative!important;top:auto!important;left:auto!important;right:auto!important;z-index:1!important;width:100%!important;aspect-ratio:16/9!important;margin-bottom:20px!important}@media screen and (max-width: 768px){.video-container.normal-position{position:fixed!important;top:85px!important;width:100%!important;z-index:999!important}}@media screen and (max-width: 768px){.left-container.after-assessment{position:relative!important}.mobile-course-overview{display:block!important}}.mobile-course-overview{display:none!important}.course-stats{margin-top:30px;padding-top:20px;border-top:1px solid #e9ecef;max-width:800px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-top:15px}.stat-item{display:flex;align-items:center;gap:12px;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.stat-item svg{font-size:1.2rem;color:#064919;opacity:.8}.stat-text h4{font-size:.85rem;color:#666;margin-bottom:4px}.stat-text p{font-size:.95rem;color:#2d2d2d;font-weight:500;margin:0}@media screen and (max-width: 768px){.stats-grid{grid-template-columns:1fr;gap:15px}.stat-item{padding:12px}}.topic-item .checkbox{display:none}.topic-item[data-type=assessment] .checkbox{display:block}.topic-item{padding:12px 25px 12px 35px}.topic-item[data-type=assessment]{padding:12px 25px 12px 45px}.topic-item:before{left:15px}.topic-item[data-type=assessment]:before{left:25px}@media screen and (max-width: 768px){.about-content-inner{padding:0 20px}.topic-item{padding:10px 20px 10px 30px}.topic-item[data-type=assessment]{padding:10px 20px 10px 35px}.topic-item:before{left:12px}.topic-item[data-type=assessment]:before{left:15px}}.course-features{margin:30px 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}.feature-item{display:flex;align-items:flex-start;gap:12px;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.feature-icon{color:#064919;font-size:1.1rem}.feature-item p{margin:0;font-size:.95rem;color:#4a5568;line-height:1.5}.course-requirements,.target-audience{margin:30px 0}.course-requirements ul,.target-audience ul{list-style:none;padding:0;margin:15px 0}.course-requirements li,.target-audience li{position:relative;padding-left:25px;margin-bottom:12px;font-size:.95rem;color:#4a5568;line-height:1.5}.course-requirements li:before,.target-audience li:before{content:"•";position:absolute;left:8px;color:#064919;font-size:1.2rem}.instructor-profile{margin-top:20px}.instructor-info{margin-bottom:20px}.instructor-info h5{font-size:1.1rem;color:#2d2d2d;margin:0 0 5px;font-weight:600}.instructor-title{font-size:.9rem;color:#666;margin:0 0 15px}.instructor-stats{display:flex;gap:20px;margin:15px 0}.instructor-stats .stat{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#4a5568}.instructor-stats .stat svg{color:#064919;font-size:1rem}.instructor-bio{font-size:.95rem;line-height:1.6;color:#4a5568;margin:15px 0}.course-details{margin:30px 0}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.detail-item{padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.detail-item h4{font-size:.9rem;color:#666;margin:0 0 8px;font-weight:500}.detail-item p{font-size:.95rem;color:#2d2d2d;margin:0;font-weight:500}@media screen and (max-width: 768px){.features-grid{grid-template-columns:1fr}.instructor-stats{flex-direction:column;gap:12px}.details-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 480px){.details-grid{grid-template-columns:1fr}}.video-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.video-modal-content{width:65%;max-width:800px;position:relative;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000004d}.video-modal-controls{position:absolute;top:15px;right:15px;display:flex;gap:10px;z-index:2}.video-modal-close,.video-modal-cancel{width:36px;height:36px;background:#fff3;border:none;border-radius:50%;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.video-modal-cancel{width:auto;padding:0 15px;border-radius:18px;font-size:14px;font-weight:500;background:#ffffff26}.video-modal-close:hover,.video-modal-cancel:hover{background:#ffffff4d;transform:scale(1.05)}@media screen and (max-width: 768px){.video-modal-content{width:85%;max-height:80vh}}@media screen and (max-width: 480px){.video-modal-content{width:90%}}.video-container{width:100%;aspect-ratio:16/9;background:#000;position:relative;will-change:transform;transform:translateZ(0)}.video-container iframe,.video-container video{position:absolute;top:0;left:0;width:100%;height:100%;border:none;object-fit:contain}.video-modal-content .video-container{width:100%;aspect-ratio:16/9;background:#000;position:relative}@media screen and (max-width: 768px){.video-modal-content{width:100%;height:100%;border-radius:0}.video-modal-close{top:20px;right:20px}.topic-header{flex-direction:column;align-items:flex-start;gap:15px}.play-video-btn{width:100%;justify-content:center}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.video-modal-content{animation:modalFadeIn .3s ease forwards}.watch-video-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#064919;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.watch-video-btn:hover{background:#053614;transform:translateY(-2px);box-shadow:0 2px 8px #06491933}.watch-video-btn svg{font-size:.8rem}@media screen and (max-width: 768px){.watch-video-btn{width:100%;justify-content:center;padding:12px 20px}}.assessment-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:modalFadeIn .3s ease;padding:20px}.assessment-modal-content{width:90%;max-width:700px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;animation:modalSlideUp .3s ease;position:relative;display:flex;flex-direction:column;max-height:90vh}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.assessment-modal-header{padding:15px 20px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.assessment-modal-header h3{font-size:1rem;color:#2d2d2d;margin:0;font-weight:600}.assessment-modal-content{display:flex;flex-direction:column;max-height:90vh;height:auto}.assessment-modal-body{padding:20px;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.assessment-content{height:auto;width:100%;min-height:300px}.question{opacity:1;transition:opacity .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}.question{animation:slideIn .3s ease forwards}.assessment-content{padding:0}.questions{display:flex;flex-direction:column;gap:15px}.assessment-content{padding:0;position:relative}.assessment-content h2{font-size:1rem;color:#2d2d2d;margin-bottom:15px;font-weight:600}.questions{display:flex;flex-direction:column;gap:20px;position:relative}.question{background:#fff;border-radius:8px;padding:20px;border:1px solid #e9ecef;margin-bottom:15px}.question h3{font-size:.9rem;color:#666;margin-bottom:10px;font-weight:500}.question-text{font-size:.95rem;color:#2d2d2d;margin-bottom:15px;line-height:1.5}.options{display:flex;flex-direction:column;gap:10px}.question:hover{border-color:#064919;transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}.question h3{font-size:.9rem;color:#666;margin-bottom:8px;font-weight:500}.question-text{font-size:.95rem;color:#2d2d2d;margin-bottom:12px;line-height:1.4}.options{display:flex;flex-direction:column;gap:8px}.option{display:flex;align-items:center;padding:16px 20px;background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 4px #0000000d;margin:12px 0}.option:hover{background:#f8f9fa;border-color:#007bff;transform:translateY(-2px);box-shadow:0 4px 8px #007bff26}.option.selected{background:linear-gradient(135deg,#007bff,#0056b3);border-color:#0056b3;color:#fff;transform:translateY(-2px);box-shadow:0 6px 12px #007bff4d}.radio-container{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:16px;flex-shrink:0}.radio{width:20px;height:20px;border:2px solid #6c757d;border-radius:50%;position:relative;transition:all .3s ease;background:#fff}.radio.checked{border-color:#007bff;background:#fff}.option.selected .radio{border-color:#fff;background:#fff}.radio-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:8px;height:8px;background:#007bff;border-radius:50%;transition:transform .3s ease}.radio.checked .radio-inner{transform:translate(-50%,-50%) scale(1)}.option.selected .radio-inner{background:#007bff}.option span{font-size:14px;font-weight:500;line-height:1.4;color:#2d2d2d;flex:1;margin-left:0}.option:last-child{margin-bottom:0}.option:hover{background:#f8f9fa;border-color:#064919;transform:translate(5px)}.option:active{transform:scale(.99)}.option:hover{background:#f0f2f5;border-color:#064919}.option.selected{background:#06491914;border-color:#064919}.radio-container{display:flex;align-items:center;gap:10px}.radio{width:18px;height:18px;border:2px solid #aaa;border-radius:50%;position:relative;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.radio.checked{border-color:#064919;background:#064919}.radio-inner{width:8px;height:8px;background:#fff;border-radius:50%;transform:scale(0);transition:transform .2s ease}.radio.checked .radio-inner{transform:scale(1)}.radio.checked{border-color:#064919}.radio-inner{width:8px;height:8px;background:#064919;border-radius:50%}.option span{font-size:.9rem;color:#4a5568}.assessment-modal-footer{padding:15px 20px;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;background:#fff}.assessment-modal-nav,.assessment-modal-actions{display:flex;gap:10px}.assessment-modal-nav-btn{background:#f8f9fa;border:1px solid #e9ecef;color:#064919;font-weight:500}.assessment-modal-nav-btn:hover{background:#e9ecef;border-color:#064919}.assessment-modal-btn{padding:8px 20px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.assessment-modal-cancel:hover{background:#f8f9fa;border-color:#666}.assessment-modal-submit:hover{background:#053614}.assessment-modal-btn{padding:8px 16px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.assessment-modal-cancel{background:#fff;border:1px solid #e9ecef;color:#666}.assessment-modal-submit{background:#064919;border:none;color:#fff}.assessment-modal-cancel:hover{background:#f0f2f5;border-color:#666}.assessment-modal-submit:hover{background:#053614;transform:translateY(-1px)}@media screen and (max-width: 768px){.assessment-modal-content{width:95%;max-height:90vh}.assessment-modal-body{padding:15px}.question{padding:12px}}.result-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.result-modal-content{width:90%;max-width:400px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0003}.result-modal-header{padding:15px 20px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.result-modal-header h3{font-size:1rem;color:#2d2d2d;margin:0;font-weight:600}.result-modal-body{padding:20px;text-align:center}.result-icon{width:60px;height:60px;margin:0 auto 15px;display:flex;align-items:center;justify-content:center}.success-icon{color:#064919;font-size:2.5rem}.failure-image{width:100%;height:100%;object-fit:contain}.result-modal-body h4{font-size:.95rem;color:#2d2d2d;margin:0 0 10px;font-weight:600}.score-text{font-size:1.2rem;color:#064919;margin:10px 0;font-weight:600}.score-detail{font-size:.85rem;color:#666;margin:0 0 20px}.result-modal-footer{padding:15px 20px;border-top:1px solid #e9ecef;display:flex;justify-content:center;gap:10px;background:#f8f9fa}.result-modal-btn{padding:8px 20px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.result-continue-btn{background:#064919;color:#fff;border:none}.result-retry-btn{background:#fff;color:#666;border:1px solid #e9ecef}.result-continue-btn:hover{background:#053614;transform:translateY(-1px)}.result-retry-btn:hover{background:#f0f2f5;border-color:#666}@media screen and (max-width: 768px){.result-modal-content{width:95%}}.result-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000c,#0009);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalFadeIn .4s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.result-modal-content{background:linear-gradient(165deg,#1a1a2e,#16213e,#0f3460);border-radius:30px;padding:0;max-width:480px;width:90%;text-align:center;box-shadow:0 30px 60px #0006,0 0 0 1px #ffffff1a;animation:modalSlideUp .5s ease;position:relative;overflow:hidden;color:#fff}.result-modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#00d4ff,#09c,#ff6b6b,#4ecdc4);animation:rainbow 3s linear infinite}@keyframes rainbow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.result-modal-header{padding:40px 40px 20px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-bottom:1px solid rgba(255,255,255,.1)}.result-modal-header h3{font-size:32px;font-weight:800;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:-.5px}.result-modal-body{padding:30px 40px;position:relative}.result-icon{margin-bottom:30px;display:flex;justify-content:center;align-items:center;height:120px;position:relative}.result-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{opacity:.5;transform:translate(-50%,-50%) scale(1)}to{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.success-icon{font-size:100px;color:#4ecdc4;filter:drop-shadow(0 8px 16px rgba(78,205,196,.5));animation:successBounce 1s ease-out;position:relative;z-index:2}@keyframes successBounce{0%{transform:scale(0) rotate(-180deg)}50%{transform:scale(1.2) rotate(0)}to{transform:scale(1) rotate(0)}}.failure-image{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(255,107,107,.5));animation:failureShake .8s ease-out;position:relative;z-index:2}@keyframes failureShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.result-modal-body h4{font-size:24px;font-weight:700;color:#fff;margin:25px 0;line-height:1.3;text-shadow:0 2px 4px rgba(0,0,0,.3)}.score-container{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:20px;padding:30px;margin:25px 0;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.score-container:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.score-text{font-size:64px;font-weight:900;background:linear-gradient(135deg,#4ecdc4,#44a08d,#093637);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-shadow:0 4px 8px rgba(78,205,196,.3);letter-spacing:-2px;position:relative;z-index:2}.score-detail{font-size:18px;color:#b8c5d6;line-height:1.6;margin:20px 0 0;font-weight:500;position:relative;z-index:2}.result-modal-footer{padding:30px 40px;background:linear-gradient(135deg,#0000004d,#0000001a);border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.result-modal-btn{padding:16px 32px;border:none;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;transition:all .4s ease;text-decoration:none;display:inline-block;position:relative;overflow:hidden;min-width:140px;text-transform:uppercase;letter-spacing:1px;box-shadow:0 6px 20px #0000004d}.result-continue-btn{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;box-shadow:0 6px 20px #4ecdc466}.result-retry-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;box-shadow:0 6px 20px #ff6b6b66}.result-continue-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 30px #4ecdc499;background:linear-gradient(135deg,#44a08d,#093637)}.result-retry-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 30px #ff6b6b99;background:linear-gradient(135deg,#ee5a52,#c44569)}.result-modal-btn:active{transform:translateY(-2px) scale(1.02)}.result-modal-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.result-modal-btn:hover:before{left:100%}@media screen and (max-width: 768px){.result-modal-content{margin:20px;border-radius:25px}.result-modal-header{padding:30px 25px 15px}.result-modal-header h3{font-size:26px}.result-modal-body,.score-container{padding:25px}.score-text{font-size:48px}.result-modal-footer{padding:25px}.result-modal-btn{padding:14px 28px;font-size:14px;min-width:120px}}.option.selected .radio{border-color:#fff!important;background:#fff!important}.option.selected .radio-inner{background:#007bff!important;transform:translate(-50%,-50%) scale(1)!important}.radio.checked .radio-inner{transform:translate(-50%,-50%) scale(1)!important;background:#007bff!important}.option{display:flex;align-items:center;padding:14px 18px;background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 4px #0000000d;margin:10px 0}.radio-container{display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin-right:14px;flex-shrink:0}.radio{width:18px;height:18px;border:2px solid #6c757d;border-radius:50%;position:relative;transition:all .3s ease;background:#fff}@media screen and (max-width: 768px){.topic-content-container{margin-top:8px!important}.right-container.active{margin-top:0!important}}.coupon-modal{background:#fff;border-radius:16px;padding:24px;width:90%;max-width:400px;box-shadow:0 10px 30px #0003;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.coupon-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.coupon-modal-header h3{margin:0;color:#064919;font-size:1.5rem;font-family:Recoleta,sans-serif;font-weight:600}.close-modal-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666;transition:color .2s ease}.close-modal-btn:hover{color:#333}.coupon-course-name{font-size:.95rem;color:#666;margin-bottom:20px;font-style:italic}.coupon-form{display:flex;flex-direction:column;gap:16px}.coupon-input{padding:14px;border:2px solid #ddd;border-radius:8px;font-size:16px;text-transform:uppercase;letter-spacing:2px;transition:border-color .2s ease,box-shadow .2s ease}.coupon-input:focus{border-color:#064919;outline:none;box-shadow:0 0 0 3px #0649191a}.coupon-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.submit-coupon-btn{background-color:#064919;color:#fff;border:none;padding:14px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 6px #0649191a}.submit-coupon-btn:hover:not(:disabled){background-color:#043612;transform:translateY(-2px);box-shadow:0 6px 10px #06491926}.submit-coupon-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 6px #0649191a}.submit-coupon-btn:disabled{background-color:#97be9f;cursor:not-allowed}@media (max-width: 768px){.coupon-modal{width:90%;padding:20px}.coupon-modal-header h3{font-size:1.3rem}.coupon-input,.submit-coupon-btn{font-size:14px;padding:12px}}.data-analysis-container{width:100%;height:70vh;background-image:linear-gradient(to bottom,#0000007a,#00000080),url(/assets/data-analysis-Cqgz91-q.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center}.data-analysis-container h1{font-size:4rem;font-weight:600;color:#fff;text-align:center;margin-top:10rem;font-family:Recoleta;text-transform:uppercase}.register-button{background-color:#064919;padding:.5rem 2rem;font-family:Recoleta;font-weight:600;border:none;cursor:pointer;color:#fff;margin-top:20px}.data-analysis-content{padding:2rem}.data-analysis-content h1{font-size:2rem;font-weight:600;color:#2d2d2d;font-family:Recoleta}.data-analysis-content p{font-size:.9rem;font-weight:400;color:#000;padding-top:10px;font-weight:300}.course-thumb{padding:2rem}.course-thumb h1{font-size:2rem;font-weight:600;color:#2d2d2d;font-family:Recoleta}.course-tiles{display:flex;flex-wrap:wrap;gap:50px;margin:10px auto}.course-tiles p{font-size:.9rem;font-weight:400;color:#000;font-weight:300;cursor:pointer;border:1px solid #064919;width:30%;text-align:center;padding:10px;border-radius:50px;background-color:#bdd1c333}.course-topic{padding:2rem;max-width:1200px;margin:0 auto}.course-topic h1{font-family:Recoleta;color:#2d2d2d;font-size:2rem;margin-bottom:.3rem}.course-topic p{padding-bottom:40px}.week-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.week-card h3{font-family:Recoleta;color:#2d2d2d;font-size:1.2rem;margin-bottom:1rem}.week-card ul{padding:0}.week-card li{color:#666;padding:.5rem 0;font-size:.9rem;margin-left:20px}.week-card li:last-child{border-bottom:none}@media (max-width: 1024px){.week-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.week-grid{grid-template-columns:1fr}.data-analysis-container h1{font-size:2.5rem}}.requirement{padding:1rem 7rem}.requirement h1{font-family:Recoleta;color:#2d2d2d;font-size:2rem;margin-bottom:2rem;font-weight:900;text-align:left!important}.requirement li{font-size:1rem;font-weight:400;color:#2d2d2d;font-family:Recoleta}.teachers-info{padding:1rem 4rem;border-radius:12px;margin:1rem 2rem;background-color:transparent}.teacher-info-head{margin-bottom:1.5rem}.teacher-info-head h1{color:#2d2d2d;font-family:Recoleta;font-size:2rem;font-weight:700;margin-bottom:1rem}.teacher-info-head h3{font-family:Recoleta;font-size:1.2rem;color:#2d2d2d;margin-bottom:.5rem}.teacher-info-head p{font-weight:400;font-size:1rem;color:#666}.teacher-stats{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.teacher-stats h3{font-size:1rem;color:#2d2d2d}.teacher-stats div{display:flex;align-items:center;gap:.5rem}.teacher-stats div svg,.stars svg,.teacher-stats div:not(:last-child) svg{font-size:1rem!important;color:#2d2d2d!important}.teacher-stats div:last-child svg{font-size:1.5rem;color:#064919}.teacher-stats div:last-child p{font-size:1rem}.teacher-container{display:flex;flex-direction:column;gap:1rem}@media (max-width: 768px){.teachers-info{padding:1.5rem;margin:.5rem 1rem}.teacher-stats{flex-direction:column;align-items:flex-start;gap:1rem}}.contact-content{display:flex;gap:2rem;padding:2rem;align-items:center;background-color:#f8f9fa;margin:2rem;border-radius:12px}.contact-image{flex:1;max-width:500px}.contact-image img{width:100%;height:auto;border-radius:8px}.contact-form-section{flex:1;max-width:450px}.contact-form-section h2{font-family:Recoleta;font-size:1.5rem;color:#2d2d2d;margin-bottom:.8rem}.contact-form-section p{color:#666;font-size:.9rem;margin-bottom:1.5rem}.contact-form{display:flex;flex-direction:column;gap:1rem;width:100%}.form-group input,.form-group textarea{width:100%;border:1px solid #ddd;border-radius:6px;color:#2d2d2d}.form-group textarea{resize:none;min-height:100px}.submit-btn{background-color:#064919;color:#fff;padding:.8rem 1.5rem;border:none;border-radius:6px;font-family:Recoleta;font-size:.9rem;cursor:pointer;transition:background-color .3s ease;width:100%}.submit-btn:hover{background-color:#043613}@media (max-width: 768px){.contact-content{flex-direction:column;padding:1.5rem;margin:1rem}.contact-form-section h2{font-size:1.3rem}.contact-form-section p{font-size:.85rem}}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:100px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #064919;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width: 768px){.register-button{margin-left:10px!important}.data-analysis-container h1{margin-top:5rem!important;font-size:1.5rem!important}.data-analysis-container{height:50vh!important;background-image:linear-gradient(to bottom,#0000007a,#00000080),url(/assets/data-analysis-Cqgz91-q.png)}.data-analysis-content h1{font-size:1.5rem!important;padding-bottom:20px}.course-thumb{padding:1rem!important}.course-tiles{gap:10px!important}.course-tiles p{width:100%!important}.course-topic h1{font-size:1.5rem!important}.course-topic p{padding-bottom:20px!important}.requirement h1{font-size:1.5rem!important}.requirement li{font-size:.8rem!important}.requirement{padding:1rem 2rem!important}.teacher-info-head h1{font-size:1.5rem!important}.teacher-info-head h3{font-size:1rem!important}.teacher-info-head p,.teacher-stats h3{font-size:.8rem!important}}.reg-new{border-radius:10px!important}.data-analysis-container{width:100%;height:70vh;background-image:linear-gradient(to bottom,#0000007a,#00000080),url(/assets/va-Dq1zwdi9.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center}.reg-new-cuppon{border-radius:10px!important;font-size:1rem!important;padding:10px 30px!important;width:15%!important;height:10%;margin-top:20px!important}.button-group{display:flex;align-items:center;flex-direction:row}@media screen and (max-width:768px){.button-group{flex-direction:column!important;justify-content:center!important;align-items:center!important;margin:auto!important}.reg-new-cuppon{width:50%!important}}.coupon-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.coupon-modal{background:#fff;border-radius:10px;padding:20px;width:90%;max-width:400px;box-shadow:0 4px 6px #0000001a}.coupon-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.coupon-modal-header h3{margin:0;color:#064919;font-size:1.5rem;font-family:Recoleta,sans-serif}.close-modal-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.coupon-form{display:flex;flex-direction:column;gap:15px}.coupon-input{padding:12px;border:2px solid #ddd;border-radius:5px;font-size:16px;text-transform:uppercase;letter-spacing:2px}.coupon-input:focus{border-color:#064919;outline:none}.submit-coupon-btn{background-color:#064919;color:#fff;border:none;padding:12px;border-radius:5px;cursor:pointer;font-size:16px;font-weight:600;transition:background-color .3s ease}.submit-coupon-btn:hover{background-color:#043612}@media (max-width: 768px){.coupon-modal{width:95%;margin:20px}.coupon-modal-header h3{font-size:1.2rem}.coupon-input,.submit-coupon-btn{font-size:14px}}.data-analysis-container{width:100%;height:70vh;background-image:linear-gradient(to bottom,#0000007a,#00000080),url(/assets/va-Dq1zwdi9.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center}.reg-new-cuppon{background-color:transparent;color:#064919;border:2px solid #064919;border-radius:10px!important;font-size:1rem!important;padding:10px 30px!important;cursor:pointer;transition:all .3s ease;margin-left:15px;font-weight:600}.reg-new-cuppon:hover{background-color:#064919;color:#fff}.button-group{display:flex;align-items:center;gap:15px;margin-top:20px}@media screen and (max-width: 768px){.button-group{flex-direction:column;align-items:flex-start;gap:10px}.reg-new-cuppon{margin-left:0;width:auto;min-width:150px}}.dashboard-container-two{padding:24px!important;background-color:#f7f7f7!important}.overview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:0}.overview-head h2{font-size:24px;font-weight:500;color:#333;margin:0}.date-filter{display:flex;align-items:center;gap:8px}.date-input-container{position:relative;background:#fff;border:1px solid #064919!important;border-radius:8px;padding:8px 16px;display:flex;align-items:center;gap:8px;transition:all .3s ease;min-width:200px}.date-input-container:hover,.date-input-container:focus-within{box-shadow:0 2px 8px #0000001a}.calendar-icon{color:#064919;font-size:20px}.date-input-container input[type=date]{border:none;outline:none;background:none;font-size:14px;color:#333;cursor:pointer;width:100%}.date-input-container input[type=date]::-webkit-calendar-picker-indicator{opacity:0;position:absolute;right:0;top:0;width:100%;height:100%;cursor:pointer}.date-dropdown{border:1px solid #064919;border-radius:8px;padding:8px 16px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease}.date-dropdown:hover{box-shadow:0 2px 8px #0000001a}.date-dropdown span{font-size:14px;color:#333}.date-dropdown svg{color:#333;font-size:20px}.students-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.students-card{background:#fff;border:1px solid #064919;border-radius:12px;padding:20px;display:flex;align-items:center;gap:12px;transition:all .3s ease}.students-card svg{font-size:40px;color:#064919;background:#d9d9d933;border-radius:50px;padding:10px}.students-card div{display:flex;flex-direction:column;gap:8px}.students-card p{color:#666;font-size:14px;margin:0;padding:20px 0}.students-card h3{color:#064919;font-size:28px;font-weight:600;margin:0}.chart-container{background:#fff;border:1px solid #064919;border-radius:12px;padding:24px;margin-top:24px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-header h3{font-size:18px;font-weight:500;color:#333;margin:0}.chart-filter{display:flex;align-items:center;gap:8px;border:1px solid #064919;border-radius:8px;padding:8px 16px;cursor:pointer}.chart-filter span{font-size:14px;color:#333}.chart-filter svg{color:#333;font-size:20px}@media (max-width: 768px){.overview-head{flex-direction:column;align-items:flex-start;gap:16px}.date-filter{width:100%}.students-cards{grid-template-columns:1fr}.dashboard-container{padding:16px!important}.chart-container{padding:16px}}@media (min-width: 769px) and (max-width: 1024px){.students-cards{grid-template-columns:repeat(2,1fr)}}.courses-container{padding:20px;background-color:#f5f5f5;min-height:calc(100vh - 70px)}.courses-section{background:#fff;border:1px solid #064919;border-radius:12px;padding:24px;margin-top:24px}.courses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.courses-header h3{font-size:18px;font-weight:500;color:#333;margin:0}.add-course-btn{display:flex;align-items:center;gap:8px;background-color:#064919;color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.add-course-btn:hover{background-color:#043512;transform:translateY(-2px)}.courses-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}.search-container{position:relative;flex:1;max-width:400px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#666;font-size:20px}.search-input{width:100%;padding:12px 12px 12px 40px;border:1px solid #064919;border-radius:8px;font-size:14px;transition:all .3s ease}.search-input:focus{outline:none;box-shadow:0 2px 8px #0000001a}.filters{display:flex;gap:12px}.filters select{padding:10px 16px;border:1px solid #064919;border-radius:8px;font-size:14px;color:#333;background-color:#fff;cursor:pointer;transition:all .3s ease}.filters select:focus{outline:none;box-shadow:0 2px 8px #0000001a}.courses-table-container{margin-bottom:20px;overflow-x:auto}.courses-table{width:100%;border-collapse:collapse}.courses-table th,.courses-table td{padding:16px;text-align:left;border-bottom:1px solid #e0e0e0}.courses-table th{font-weight:500;color:#333;font-size:14px}.courses-table tr:hover{background-color:#f8f9fa}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase}.status-badge.active{background-color:#e3f7e4;color:#064919}.status-badge.upcoming{background-color:#fff4e5;color:#b76e00}.status-badge.completed{background-color:#e8eaf6;color:#3f51b5}.actions{display:flex;gap:8px}.action-btn{width:32px;height:32px;border-radius:6px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff}.action-btn.edit{background-color:#064919}.action-btn.delete{background-color:#dc3545}.action-btn:hover{transform:translateY(-2px)}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:24px}.pagination button{padding:8px 16px;border:1px solid #064919;background:#fff;border-radius:6px;cursor:pointer;transition:all .3s ease;color:#333}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination button:not(:disabled):hover{background-color:#064919;color:#fff}.page-numbers{display:flex;gap:8px}.page-numbers button{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center}.page-numbers button.active{background-color:#064919;color:#fff}@media (max-width: 768px){.courses-tools{flex-direction:column}.search-container{max-width:100%}.filters{width:100%}.filters select{flex:1}}.students-container{padding:24px;background-color:#fff;border-radius:8px}.students-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.students-header h2{font-size:18px;color:#333;font-weight:500}.header-actions{display:flex;gap:16px;align-items:center}.search-box{position:relative;width:300px}.search-box input{width:100%;padding:8px 16px 8px 40px;border:1px solid #064919;border-radius:8px;font-size:14px;color:#333;transition:all .2s ease}.search-box input:focus{outline:none;border-color:#064919;box-shadow:0 0 0 2px #0649191a}.search-box .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#666;font-size:20px}.add-student-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#064919;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s ease}.add-student-btn:hover{background-color:#043612;transform:translateY(-2px)}.add-student-btn svg{font-size:20px}.students-table-container{border:1px solid #064919;border-radius:8px;overflow:hidden}.students-table{width:100%;border-collapse:collapse}.students-table th,.students-table td{padding:12px 16px;text-align:left;font-size:14px}.students-table th{background-color:#f8f9fa;font-weight:500;color:#333;border-bottom:1px solid #064919}.students-table td{color:#666;border-bottom:1px solid #e0e0e0}.students-table tr:last-child td{border-bottom:none}.students-table tr:hover{background-color:#f8f9fa}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background-color:#fff;padding:24px;border-radius:8px;width:100%;max-width:400px;box-shadow:0 4px 6px #0000001a}.modal h3{margin:0 0 20px;color:#333;font-size:18px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;color:#333;font-size:14px}.form-group input{width:100%;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group input:focus{outline:none;border-color:#064919;box-shadow:0 0 0 2px #0649191a}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.modal-actions button{padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s ease}.modal-actions button:first-child{background-color:#fff;border:1px solid #ddd;color:#666}.modal-actions button:last-child{background-color:#064919;border:none;color:#fff}.modal-actions button:hover{transform:translateY(-2px)}.modal-actions button:first-child:hover{background-color:#f5f5f5}.modal-actions button:last-child:hover{background-color:#043612}.loading{display:flex;justify-content:center;align-items:center;height:200px;color:#666;font-size:14px}.error-message{padding:16px;background-color:#fee8e7;color:#dc3545;border:1px solid #dc3545;border-radius:8px;text-align:center;font-size:14px}.no-students{text-align:center;color:#666;padding:32px!important;font-style:italic}.students-table th:last-child,.students-table td:last-child{width:150px}@media (max-width: 768px){.students-header{flex-direction:column;gap:16px;align-items:stretch}.header-actions{flex-direction:column}.search-box{width:100%}.students-table-container{overflow-x:auto}.students-table{min-width:600px}.students-table th:last-child,.students-table td:last-child{width:auto}}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.verified{background-color:#e3f7e4;color:#064919}.status-badge.pending{background-color:#fff3cd;color:#856404}.status-badge.disabled{background-color:#f8d7da;color:#721c24}.sync-button{padding:8px 16px;background-color:#064919;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease;display:flex;align-items:center;gap:8px}.sync-button:hover:not(:disabled){background-color:#043612;transform:translateY(-2px)}.sync-button:disabled{background-color:#ccc;cursor:not-allowed}.error-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px}.admin-dashboard{display:flex;min-height:100vh;margin-top:-80px!important}.left-dashboard{width:280px;background-color:#fff;display:flex;flex-direction:column;border-right:1px solid #e0e0e0;position:fixed;height:100vh}.left-dashboard-header{height:70px;display:flex;align-items:center;justify-content:center;padding:20px;border-bottom:1px solid #e0e0e0}.dashboard-logo{height:70px;width:auto;transition:transform .3s ease}.dashboard-logo:hover{transform:scale(1.05)}.left-dashboard-body{flex:1;padding:20px 0;overflow-y:auto}.left-bar-item{display:flex;align-items:center;padding:12px 20px;margin:20px 12px;cursor:pointer;transition:all .3s ease;color:#666;font-size:14px;position:relative;border-left:3px solid transparent}.left-bar-item:hover{background-color:#f8f9fa;color:#064919;transform:translate(5px);border-left:3px solid #064919}.left-bar-item:before{content:"";position:absolute;left:-3px;top:0;height:100%;width:3px;background-color:#064919;transform:scaleY(0);transition:transform .2s ease}.left-bar-item:hover:before{transform:scaleY(1)}.left-bar-item.active{background-color:#e3f7e4;color:#064919;font-weight:500;border-left:3px solid #064919}.left-bar-item.active:before{transform:scaleY(1)}.item-icon{font-size:20px;margin-right:12px;transition:transform .3s ease}.left-bar-item:hover .item-icon{transform:scale(1.1)}.logout-button{margin:20px;padding:12px;border:none;border-radius:8px;background-color:#fee8e7;color:#dc3545;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500;transition:all .3s ease}.logout-button:hover{background-color:#dc3545;color:#fff;transform:translateY(-2px)}.main-dashboard{flex:1;margin-left:280px;min-height:100vh;background-color:#f5f5f5}.main-dashboard-header{height:70px;background-color:#fff;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:100}.header-left h1{font-size:20px;font-weight:700;color:#064919;margin:0}.header-left p{font-size:12px;color:#064919;margin:5px 0 0}.header-right{display:flex;align-items:center;gap:20px}.search-box{display:flex;align-items:center;border-radius:8px;padding:8px 16px;width:300px;transition:all .3s ease;position:relative;background-color:#fff;border:1px solid #064919}.search-box:focus-within{background-color:#fff;box-shadow:0 2px 8px #0000001a;border:1px solid #064919}.search-box input{border:none;background:none;outline:none;width:100%;padding:0 8px 0 32px;font-size:14px;color:#064919}.search-box input::placeholder{color:#666;opacity:.8}.search-box .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#666;font-size:20px;pointer-events:none}.search-box:focus-within .search-icon{color:#064919}.notification-icon{position:relative;cursor:pointer;padding:8px;border-radius:50%;background-color:#f5f5f5;transition:all .3s ease}.notification-icon:hover{background-color:#e3f7e4;transform:translateY(-2px)}.notification-icon svg{font-size:24px;color:#666}.notification-icon:hover svg{color:#064919}.notification-badge{position:absolute;top:0;right:0;background-color:#064919;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;border:2px solid white}.main-dashboard-content{padding:20px;max-width:1600px;margin:0 auto}@media (max-width: 1024px){.left-dashboard{width:80px}.left-dashboard-header{height:80px}.dashboard-logo{height:40px}.left-bar-item span{display:none}.left-bar-item{justify-content:center;padding:12px}.item-icon{margin-right:0;font-size:24px}.logout-button span{display:none}.main-dashboard{margin-left:80px}.search-box{width:200px}}@media (max-width: 768px){.main-dashboard-header{flex-direction:column;height:auto;padding:15px;gap:15px}.header-right,.search-box{width:100%}.header-left h1{font-size:20px}.header-left p{font-size:12px}}*{padding:0;margin:0;font-family:poppins}