@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&family=Montserrat:wght@500&family=Playfair+Display:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap";:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-navbar{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;background-color:#fff;box-shadow:0 2px 5px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.navbar-left{display:flex;align-items:center;gap:12px}.logo-icon{height:40px;width:auto;border-radius:8px}.logo-text{font-size:1.3rem;font-weight:700;color:#333}.navbar-right{display:flex;gap:.8rem}.btn{padding:.4rem 1rem;border:none;border-radius:4px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.login-btn{background-color:#f1eeee;color:#2e7d32}.login-btn:hover{background-color:#ddd}.signup-btn{background-color:#2e7d32;color:#fff}.signup-btn:hover{background-color:#256429}.sidebar-dropdown{position:absolute;top:50px;left:10px;background-color:#fff;color:#333;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:10px;width:180px;z-index:999}.sidebar-item{display:flex;align-items:center;gap:8px;padding:8px;cursor:pointer;transition:background .2s,color .2s;text-decoration:none;color:inherit}.sidebar-logout:hover{background-color:#f8d7da}.menu-icon{font-size:1.4rem;cursor:pointer;margin-right:8px}@media (max-width: 600px){.home-navbar{flex-direction:column;gap:.8rem;align-items:flex-start}.navbar-right{width:100%;justify-content:flex-start}}.modal-overlay{position:fixed;top:0;left:0;height:100vh;width:100vw;background-color:#f7f7f7;display:flex;justify-content:center;align-items:center;z-index:1000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.auth-card{background:#fff;padding:2.5rem 2rem;border-radius:10px;width:400px;max-width:90%;box-shadow:0 10px 30px #0000001a;position:relative}.auth-header{text-align:center;margin-bottom:1.5rem}.auth-header h2{margin:0;font-size:1.75rem;color:#2e2e2e}.auth-header p{margin-top:.5rem;font-size:.95rem;color:#666}.close-btn{position:absolute;top:10px;right:15px;font-size:1.5rem;border:none;background:transparent;cursor:pointer;color:#999}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.form-group input{width:100%;padding:.7rem;border:1px solid #ccc;border-radius:8px;outline:none;transition:border .3s}.form-group input:focus{border-color:#4caf50}.error{border-color:#e74c3c}.error-message{color:#e74c3c;font-size:.85rem;margin-top:.3rem}.role-toggle{display:flex;justify-content:space-between;margin-bottom:1.2rem;padding:0 .2rem}.role-toggle label{font-size:.95rem;color:#444}.role-toggle input{margin-right:6px}.auth-btn{width:100%;background-color:#2e7d32;color:#fff;padding:.9rem;border:none;border-radius:25px;font-size:1rem;cursor:pointer;box-shadow:0 4px 10px #2e7d324d;transition:background-color .3s,box-shadow .3s}.auth-btn:hover{background-color:#1b5e20;box-shadow:0 6px 14px #2e7d3266}.auth-btn:disabled{opacity:.7;cursor:not-allowed}.auth-footer{text-align:center;margin-top:1.5rem}.link-btn{background:none;border:none;color:#2e7d32;cursor:pointer;font-weight:700;font-size:.95rem;text-decoration:underline}.link-btn:hover{color:#1b5e20}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:999}.signup-modal{background:#fff;padding:2rem;width:400px;border-radius:12px;box-shadow:0 10px 30px #0003;animation:fadeIn .3s ease-in-out}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h2{font-size:1.5rem;font-weight:600;color:#333}.close-btn{background:none;border:none;font-size:1.4rem;cursor:pointer;color:#666}.signup-form{display:flex;flex-direction:column}.form-group{margin-bottom:1.2rem}.form-group label{display:block;font-size:.9rem;margin-bottom:.4rem;color:#444}.input{width:100%;padding:.6rem .8rem;border:1px solid #ccc;border-radius:8px;font-size:.95rem;transition:border-color .2s}.input:focus{outline:none;border-color:#4caf50}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='gray' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 7l3 3 3-3' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;background-size:1rem;padding-right:2rem}.error-text{color:#d32f2f;font-size:.85rem;margin-top:-.6rem;margin-bottom:.6rem}.btn-primary{background-color:#4caf50;color:#fff;padding:.75rem;border:none;width:100%;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-primary:disabled{background-color:#a5d6a7;cursor:not-allowed}.btn-primary:hover:not(:disabled){background-color:#43a047}.modal-footer{margin-top:1.2rem;text-align:center}.link-btn{background:none;border:none;color:#4caf50;cursor:pointer;font-weight:500;font-size:.95rem}.link-btn:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.close-btn{position:absolute;top:16px;right:20px;font-size:24px;background:transparent;border:none;color:#333;cursor:pointer}.modal-header{position:relative;padding:1rem 2rem;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}.main-content{padding-top:0;min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.home{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.hero-container{display:flex;align-items:center;justify-content:space-between;gap:3rem;padding:4rem 2rem;background:linear-gradient(135deg,#f0fff4,#e6f7ff);border-radius:20px;overflow:hidden}.hero-text-block{flex:1}.hero-tagline{font-size:1rem;font-weight:600;color:#2e7d32;text-transform:uppercase;margin-bottom:.5rem;letter-spacing:1px}.hero-title{font-size:2.8rem;font-weight:700;margin:0 0 1rem;color:#222}.hero-subtitle{font-size:1.1rem;color:#555;margin-bottom:2rem;max-width:500px}.hero-buttons{display:flex;gap:1rem}.btn{padding:.8rem 1.8rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-green{background-color:#2e7d32;color:#fff}.btn-green:hover{background-color:#256429}.btn-outline{background-color:transparent;border:2px solid #2e7d32;color:#2e7d32}.btn-outline:hover{background-color:#2e7d32;color:#fff}.hero-image-block{flex:1;display:flex;justify-content:center;align-items:center}.hero-illustration{width:100%;max-width:500px;border-radius:12px;box-shadow:0 10px 20px #00000026}.home-bordered-container{border:3px solid #1e8449;border-radius:0 0 25px 25px;background:#1e844905;box-shadow:0 0 40px #1e844933,inset 0 0 40px #1e84490d;margin:0 20px 40px;overflow:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}.hero-section{display:flex;align-items:center;justify-content:space-between;padding:3rem;background:#fff;box-shadow:0 4px 10px #ada6a51a;background-size:100% 100%,30px 30px,30px 30px;padding:0 0 60px;position:relative;min-height:100vh;box-shadow:none}.hero-section:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#1e8449,transparent);box-shadow:0 0 15px #1e844966}.hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:80vh;position:relative;z-index:1;padding:20px 40px 60px;width:100%}.hero-content{text-align:left;position:relative;z-index:2}.hero-content h1{font-size:2.8rem;margin-bottom:30px;margin-top:40px;font-weight:700;color:#10510a;line-height:1.2}.hero-content p{font-size:1.3rem;margin-bottom:40px;opacity:.9;line-height:1.6;color:#092e0f}.hero-image{width:550px;height:450px;border-radius:15px;box-shadow:0 10px #204629d1}.image-container{width:550px;height:450px;border-radius:20px;overflow:hidden;position:relative;box-shadow:0 25px 30px #1b131326;border:3px solid #7CFC00;transition:all .4s ease;margin-top:20px}.image-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(30,132,73,.1) 0%,transparent 100%);z-index:1;opacity:0;transition:opacity .3s ease}.image-container:hover:before{opacity:1}.image-container:hover{transform:scale(1.02);box-shadow:0 30px 80px #1e84494d;border-color:#7cfc00}.image-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.image-container:hover img{transform:scale(1.05)}.hero-buttons{display:flex;gap:20px;flex-wrap:wrap}.btn{padding:15px 30px;border-radius:50px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .4s ease;display:inline-block;border:2px solid transparent;cursor:pointer;position:relative;overflow:hidden}.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 ease}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#11c15a,#25c71d);color:#fff;border-color:#1e8449;box-shadow:0 8px 25px #1e84494d}.btn-primary:hover{border-color:#27ae60;transform:translateY(-3px);box-shadow:0 12px 35px #1e844980}.btn-secondary{background:#fff;color:#1e8449;font-weight:700;border-color:#1e8449;box-shadow:0 8px 25px #1e84494d}.btn-secondary:hover{color:#fff;border-color:#27ae60;transform:translateY(-3px);box-shadow:0 12px 35px #1e844980}.btn-white{background:#fff;color:#1e8449;font-weight:700;border-color:#1e8449;box-shadow:0 8px 25px #1e84494d}.features-section{padding:80px 0;background:#fff;position:relative;box-shadow:none}.features-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#0a7c1f,transparent);box-shadow:0 0 10px #196f2f4d}.section-title{font-size:4em;font-weight:700;color:#0b4d0b;margin-bottom:1.2rem;letter-spacing:.5px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-top:60px}.feature-card{background:#f8f9fa;padding:40px 30px;border-radius:15px;text-align:center;transition:all .4s ease;position:relative;overflow:hidden;border:2px solid transparent;box-shadow:none}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(120,181,145,.05) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.feature-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(185,179,179,.3),transparent);transition:left .6s ease}.feature-card:hover{transform:translateY(-10px)}.feature-card:hover:after{left:100%}.feature-icon{font-size:3rem;margin-bottom:20px;display:block}.feature-card h3{color:#092c07;font-size:1.5rem;margin-bottom:15px;font-weight:600}.feature-card p{color:#256526;line-height:1.6;font-size:1rem}.features-carousel{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:60px;position:relative}.realistic-feature-icon{width:56px;height:56px;-o-object-fit:contain;object-fit:contain;border-radius:50%;box-shadow:0 2px 12px #1e84491a;background:#fafdff;border:2px solid #baffc9;padding:8px;display:block;margin:0 auto}.carousel-btn{display:flex;align-items:center;justify-content:center;height:100%;min-height:120px;z-index:2}.carousel-viewport{position:relative;width:800px;min-height:400px;display:flex;align-items:center;overflow:hidden;justify-content:flex-end;align-content:center;flex-direction:row-reverse;flex-wrap:wrap}.feature-card.carousel-card{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;opacity:1;z-index:1;transition:none}.slide-in-right{animation:slideInRight .5s cubic-bezier(.4,0,.2,1) forwards;z-index:2}.slide-in-left{animation:slideInLeft .5s cubic-bezier(.4,0,.2,1) forwards;z-index:2}.slide-out-right{animation:slideOutRight .5s cubic-bezier(.4,0,.2,1) forwards;z-index:1}.slide-out-left{animation:slideOutLeft .5s cubic-bezier(.4,0,.2,1) forwards;z-index:1}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(60px)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-60px)}}.always-arrow{position:relative;z-index:3;background:linear-gradient(135deg,#1e8449,#145a32);color:#fff;border:none;border-radius:50%;width:48px;height:48px;font-size:2rem;box-shadow:0 4px 16px #1e844926;transition:background .3s,transform .2s;display:flex;align-items:center;justify-content:center;cursor:pointer}.features-carousel .prev.always-arrow{position:absolute;left:0;top:50%;transform:translateY(-50%)}.features-carousel .next.always-arrow{position:absolute;right:0;top:50%;transform:translateY(-50%)}@media (max-width: 600px){.carousel-viewport{width:100%;min-width:0;min-height:180px}.features-carousel .prev.always-arrow,.features-carousel .next.always-arrow{width:36px;height:36px;font-size:1.3rem}}.impact-section{padding:5rem 0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.impact-content{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center}.impact-text h2{font-size:2.5rem;margin-bottom:1.5rem}.impact-text p{font-size:1.1rem;margin-bottom:2rem;line-height:1.6}.impact-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}.impact-stat{text-align:center}.impact-stat .stat-number{display:block;font-size:2rem;font-weight:700;margin-bottom:.5rem}.impact-stat .stat-label{font-size:.9rem;opacity:.9}.mission-section{padding:5rem 0;background:#f8f9fa}.mission-content{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center}.mission-text h2{font-size:2.5rem;margin-bottom:1.5rem;color:#2c3e50}.mission-text p{font-size:1.1rem;margin-bottom:1.5rem;line-height:1.6;color:#6c757d}.stats-section{padding:4rem 0;background:#f8f9fa}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;text-align:center}.stat-item{padding:2rem;background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.stat-item:hover{transform:translateY(-5px)}.stat-number{display:block;font-size:3rem;font-weight:700;color:#2ecc71;margin-bottom:.5rem}.stat-label{font-size:1.1rem;color:#6c757d;font-weight:500}.cta-section{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:80px 0;text-align:center;position:relative}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.cta-section h2{font-size:2.5rem;margin-bottom:20px;font-weight:700;position:relative;z-index:1}.cta-section p{font-size:1.2rem;margin-bottom:40px;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto;position:relative;z-index:1}.page-footer{background:#000;color:#f1f5f9;font-size:14px;width:100%}.page-footer .container{max-width:1200px;margin:0 auto;background-color:#000;padding:0 20px}.page-footer .footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:30px;margin-bottom:20px}.page-footer .footer-section h4{margin-bottom:12px;font-size:1.1rem;font-weight:600}.page-footer .footer-section ul{list-style:none;padding:0;margin:0}.page-footer .footer-section ul li{margin-bottom:8px}.page-footer .footer-section ul li a{color:#000;text-decoration:none;transition:color .2s ease}.page-footer .footer-section ul li a:hover{color:#555}.page-footer .footer-bottom-content{text-align:center}.page-footer .footer-social-inline{display:flex;justify-content:center;gap:15px;margin-bottom:10px}.page-footer .footer-social-inline a{color:#000;font-size:1rem;transition:color .2s ease}.page-footer .footer-social-inline a:hover{color:#555}.page-footer p{margin:0;font-size:.9rem;color:#333}@media (max-width: 768px){.hero-layout{grid-template-columns:1fr;gap:30px;text-align:center;padding:30px 20px;min-height:60vh}.hero-content h1{font-size:2.5rem}.hero-buttons{justify-content:center}.image-container{height:300px}.section-title{font-size:2rem}.features-grid,.impact-stats{grid-template-columns:1fr}.stat-number{font-size:2.5rem}.cta-section h2{font-size:2rem}.features-section,.stats-section,.cta-section{padding:60px 0}.page-footer{padding:40px 0 20px}.page-footer .footer-content{grid-template-columns:1fr;gap:30px;text-align:center}.page-footer .social-links{justify-content:center}.page-footer .footer-bottom-content{flex-direction:column;text-align:center}}@media (max-width: 480px){.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.btn{padding:12px 24px;font-size:.9rem}.features-grid{grid-template-columns:1fr}}@media (max-width: 900px){.footer-content{grid-template-columns:1fr;gap:30px;text-align:center}}.auth-modal,.auth-modal-header,.auth-modal-body,.close-modal{display:none!important}.features-subtitle{text-align:center;color:#4a665a;font-size:1.25em;padding:10px;margin-top:-10px;margin-bottom:40px;font-weight:400;opacity:.85}.professional-feature-card{background:linear-gradient(135deg,#e8f5e9,#f8fafc);border:2px solid #27ae60;box-shadow:0 8px 32px #1e844921,0 2px 8px #20c9971a;transition:box-shadow .3s,border-color .3s,transform .3s;min-width:300px;max-width:350px;padding:48px 36px 40px;border-radius:18px;position:relative}.professional-feature-card:hover{box-shadow:0 16px 48px #d5d7d6e7,0 4px 16px #eaf0eed9;border-color:#1e8449;transform:translateY(-8px) scale(1.03)}.professional-feature-icon{font-size:3.5rem;margin-bottom:24px;color:#1e8449;filter:drop-shadow(0 2px 8px #baffc9);background:linear-gradient(135deg,#d4fc79,#96e6a1);border-radius:50%;width:70px;height:70px;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto;box-shadow:0 2px 12px #1e84491a}.professional-feature-title{color:#0f4426;font-size:1.6rem;font-weight:700;margin-bottom:18px}.professional-feature-desc{color:#3d5a4a;font-size:.92rem;line-height:1.6;opacity:.92}.carousel-arrow{font-size:2rem;color:#27ae60;transition:color .2s}.carousel-btn:hover .carousel-arrow{color:#145a32}.features-inline{display:flex;flex-direction:row;gap:40px;justify-content:center;align-items:stretch;flex-wrap:nowrap;margin-top:60px}.features-inline .professional-feature-card{min-width:300px;max-width:350px;height:280px;padding:24px 16px 18px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}@media (max-width: 900px){.features-inline{flex-direction:column;align-items:center;gap:30px;flex-wrap:wrap}}.footer{background-color:#f5f5f5;color:#333;padding:40px 20px 20px;font-family:Segoe UI,sans-serif}.footer-container{max-width:1200px;margin:0 auto}.footer-top{text-align:center;margin-bottom:30px}.footer-top h3{color:#2e7d32;font-size:24px;margin-bottom:10px}.footer-top p{color:#000;max-width:600px;margin:0 auto 20px;font-size:14px}.social-links a{margin:0 8px;color:#2e7d32;font-size:18px;transition:color .3s ease}.social-links a:hover{color:#1b5e20}.footer-links-section{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-bottom:30px}.footer-links-section div{flex:1 1 200px}.footer-links-section h4{margin-bottom:10px;font-size:16px;color:#2e7d32}.footer-links-section ul{list-style:none;padding:0;font-size:14px}.footer-links-section li{margin-bottom:8px}.footer-links-section a{color:#333;text-decoration:none;transition:color .2s}.footer-links-section a:hover{color:#2e7d32}.footer-links-section li i{margin-right:8px;color:#2e7d32}.newsletter{text-align:center;margin-bottom:30px}.newsletter h4{font-size:18px;margin-bottom:10px;color:#2e7d32}.newsletter p{font-size:14px;margin-bottom:15px}.newsletter-form{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.newsletter-form input{padding:10px;width:250px;border:1px solid #ccc;border-radius:4px;font-size:14px}.newsletter-form button{padding:10px 20px;background-color:#2e7d32;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .3s ease}.newsletter-form button:hover{background-color:#1b5e20}.footer-bottom{border-top:1px solid #ccc;padding-top:15px;text-align:center;font-size:13px;color:#666}.footer-bottom-links{margin-top:8px}.footer-bottom-links a{margin:0 10px;color:#666;text-decoration:none}.footer-bottom-links a:hover{color:#2e7d32}@media (max-width: 768px){.footer-links-section{flex-direction:column;align-items:center;text-align:center}.footer-links-section div{width:100%}.newsletter-form{flex-direction:column}.newsletter-form input{width:100%}}.footer-links-section li.text-black{color:#000!important}.footer-links-section li.text-black i{color:#2e7d32}.user-navbar{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:.75rem 2rem;color:#fff;font-family:Segoe UI,sans-serif;box-shadow:0 2px 6px #00000026;position:sticky;top:0;z-index:10}.user-left-section{display:flex;align-items:center;gap:1rem;position:relative}.user-logo{display:flex;align-items:center;gap:10px}.user-logo-icon{height:40px;width:auto;border-radius:8px}.user-logo-text{font-size:1.2rem;font-weight:700;color:#333}.user-logo-text{font-size:1.4rem;font-weight:700;letter-spacing:1px;color:#050505}.user-menu-icon{font-size:1.4rem;cursor:pointer;color:#080808}.user-nav-links-center{display:flex;flex:1;justify-content:right;align-items:center;gap:1.5rem}.user-right-section{display:flex;align-items:center;gap:1rem}.wallet-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:999;overflow:auto}.wallet-modal-content{background:#fff;padding:20px;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d;position:relative}.close-modal-button{margin-top:15px;background:#ff4d4d;border:none;padding:8px 16px;border-radius:6px;color:#fff;cursor:pointer}.user-nav-item{text-decoration:none;display:flex;align-items:center;gap:6px;color:inherit}.user-nav-item:hover{color:#2aad19;transform:scale(1.05)}.active-link{background-color:transparent;border-radius:0}.user-nav-item svg{font-size:1.2rem}.icon.blue{color:#4fc3f7}.icon.purple{color:#ba68c8}.icon.orange{color:#ffb74d}.icon.teal{color:#4db6ac}.icon.gold{color:#ffd54f}.icon.gray{color:#cfd8dc}.Nav-text{color:#050505}.streak-badge{display:flex;align-items:center;gap:6px;font-size:1rem;color:#0a0808;padding:5px 12px;border-radius:16px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.streak-badge:hover{transform:scale(1.05)}.sidebar-dropdown{position:absolute;top:50px;left:0;background-color:#fff;color:#333;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:10px;width:180px;z-index:999}.sidebar-item{display:flex;align-items:center;gap:8px;padding:8px;cursor:pointer;transition:background .2s,color .2s}.sidebar-icon{font-size:1.1rem}.sidebar-logout{color:#e53935}.sidebar-blue{color:#42a5f5}.sidebar-green{color:#66bb6a}.sidebar-purple{color:#ab47bc}.sidebar-yellow{color:#ffca28}.sidebar-red{color:#e53935}.user-nav-item.profile-icon{display:flex;align-items:center;justify-content:center;background-color:#ffffff1a;border-radius:50%;width:36px;height:36px;transition:background-color .3s,transform .2s}.user-nav-item.profile-icon:hover{background-color:#fff3;transform:scale(1.9)}.user-nav-item.profile-icon svg{font-size:5rem;color:#fff}.sidebar-icon{font-size:1.3rem;margin-right:8px;transition:color .3s}.sidebar-blue{color:#3b82f6}.sidebar-purple{color:#a855f7}.sidebar-green{color:#22c55e}.sidebar-yellow{color:#facc15}.sidebar-orange{color:#f97316}.sidebar-teal{color:#14b8a6}.sidebar-gold{color:#fbbf24}.sidebar-red{color:#ef4444}.wallet-container{font-family:sans-serif;display:flex;justify-content:center;align-items:center;position:relative;height:100vh;color:#000;background-color:#00000080}.popup{position:absolute;top:20px;background-color:#fff;padding:10px 20px;border-radius:8px;color:green;font-weight:700;box-shadow:0 4px 6px #0003;z-index:100}.wallet-popup-container{color:#000}.wallet-close-icon{position:absolute;top:12px;right:16px;font-size:24px;font-weight:700;color:#000;cursor:pointer;transition:color .2s}.wallet-close-icon:hover{color:red}.wallet-box{background-color:#fff;width:360px;border-radius:10px;padding:20px;box-shadow:0 4px 16px #0003}.wallet-header{display:flex;justify-content:space-between;align-items:center}.close{font-size:24px;cursor:pointer}.status{font-size:14px;margin-top:5px;margin-bottom:20px}.status.connected{color:green}.status.not-connected{color:gray}.wallet-details{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:15px 0}.detail{display:flex;justify-content:space-between;margin:8px 0;font-size:15px}.assets{margin-top:20px}.asset-item{display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;border-radius:8px;padding:10px 12px;margin-bottom:12px}.asset-info{display:flex;align-items:center;gap:10px}.asset-icon{width:32px;height:32px;font-size:18px;font-weight:700;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.asset-icon.eth{background-color:#627eea}.asset-icon.polygon{background-color:#8247e5}.symbol{font-size:12px;color:gray}.asset-value{text-align:right}.asset-value .usd{font-size:12px;color:gray}.connect-button{background-color:#f6851b;color:#000;border:none;padding:12px;border-radius:6px;width:100%;margin-top:10px;font-weight:700;cursor:pointer}.wallet-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.wallet-modal-content{background:#fff;border-radius:12px;padding:20px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative;animation:fadeIn .3s ease}.close-modal-button{margin-top:15px;background:#ff4d4f;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.marketplace-button{background-color:#fff;color:#2b227e;border:1px solid rgb(43,34,126);padding:12px;border-radius:6px;width:100%;margin-top:10px;font-weight:700;cursor:pointer}.wallet-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;justify-content:center;align-items:center;z-index:9999}.wallet-modal-content{background:#fff;padding:20px;border-radius:12px;position:relative;max-height:90vh;overflow-y:auto}.wallet-close-icon{position:absolute;top:10px;right:14px;font-size:24px;font-weight:700;cursor:pointer}html,body,#root{width:100vw;height:100vh;margin:0;padding:0;overflow:auto}body{font-family:Segoe UI,sans-serif;background:#f5f6f8;color:#333;display:flex;flex-direction:row}.sidebar{width:240px;background-color:#fff;border-right:1px solid #e5e7eb;box-shadow:2px 0 4px #0000000a;display:flex;flex-direction:column;padding:16px}.sidebar-item{padding:10px;margin-bottom:8px;border-radius:6px;cursor:pointer;transition:background .2s ease}.sidebar-item:hover{background-color:#f3f4f6}.dashboard-wrapper{flex:1;display:flex;flex-direction:column;height:100%;overflow:auto}.navbar-container{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 4px #0000000a;position:sticky;top:0;z-index:100}.dashboard{flex:1;display:flex;flex-direction:column;padding:24px;overflow-y:auto}.top-bar-button{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.actions button{padding:6px 12px;margin-left:8px;border:none;cursor:pointer;border-radius:6px;font-size:14px}.quick-add{background-color:#10b981;color:#fff}.view-asset{background-color:#fff;color:#000}.quick-add:hover{background-color:#059669}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:20px}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:20px;flex:1}.panel-card{background:#fff;padding:16px;border-radius:12px;box-shadow:0 4px 10px #0000000f;transition:transform .2s ease;min-height:240px}.panel-card:hover{transform:translateY(-3px)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel-header h3{font-size:16px;font-weight:600}.panel-status{font-size:12px;color:#6b7280}.panel-ev{background:linear-gradient(to right,#cee7f7,#bae6fd)}.panel-trees{background:linear-gradient(to right,#dcfce7,#bbf7d0)}.panel-solar{background:linear-gradient(to right,#fef9c3,#fde68a)}.info-block{display:flex;justify-content:space-between;padding:4px 0;font-size:14px}.vehicle-item,.recent-item{background:#f3f4f6;padding:10px;border-radius:8px;font-size:13px;margin-top:8px}.vehicle-status,.recent-status{color:green;font-weight:500;font-size:12px}.activity-list{max-height:300px;width:100%;overflow-y:auto;border:1px solid #effaf1;border-radius:8px;padding:8px;display:flex}.recent-section{margin-top:40px}.recent-section h2{font-size:1.8rem;font-weight:700;margin-bottom:20px;color:#262b25}.activity-item{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000f;padding:24px 28px;margin-bottom:20px;transition:transform .25s ease,box-shadow .25s ease;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:10px}.activity-item:hover{transform:translateY(-4px);box-shadow:0 10px 24px #00000014}.activity-header{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#1f2937;font-size:1rem;margin-bottom:4px}.activity-credits{background-color:#10b981;color:#fff;padding:6px 14px;border-radius:9999px;font-size:.8rem;font-weight:600;box-shadow:0 2px 6px #10b9814d;transition:background-color .2s ease}.activity-credits:hover{background-color:#059669}.activity-detail{color:#4b5563;font-size:.95rem;line-height:1.5}.activity-time{color:#9ca3af;font-size:.8rem;margin-top:6px;text-align:right}.card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 4px #0000000d;color:#070404}.card.blue,.card.green,.card.orange,.card.purple{background:#fff}.value{font-size:24px;font-weight:700;color:#000}.change{font-size:12px;opacity:.9}.footer{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;padding:60px 0 20px;font-size:14px;width:100%;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.03)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.03)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.02)"/><circle cx="10" cy="60" r="0.5" fill="rgba(255,255,255,0.02)"/><circle cx="90" cy="40" r="0.5" fill="rgba(255,255,255,0.02)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:50px}.footer-section{display:flex;flex-direction:column}.footer-logo h3{font-size:24px;font-weight:700;margin-bottom:15px;color:#fff;display:flex;align-items:center;gap:8px}.footer-description{color:#b8c5d6;line-height:1.6;margin-bottom:20px;font-size:14px}.social-links{display:flex;gap:12px;margin-top:15px}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border-radius:50%;color:#fff;text-decoration:none;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.social-link:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.footer-section h4{font-size:18px;font-weight:600;margin-bottom:20px;color:#fff;position:relative}.footer-section h4:after{content:"";position:absolute;bottom:-8px;left:0;width:30px;height:2px;background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:1px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:12px}.footer-links a{color:#b8c5d6;text-decoration:none;transition:all .3s ease;font-size:14px;position:relative;padding-left:0}.footer-links a:before{content:"→";position:absolute;left:-15px;opacity:0;transition:all .3s ease;color:#4ade80}.footer-links a:hover{color:#fff;padding-left:15px}.footer-links a:hover:before{opacity:1}.contact-info{display:flex;flex-direction:column;gap:15px}.contact-item{display:flex;align-items:center;gap:12px;color:#b8c5d6;font-size:14px}.contact-item i{width:16px;color:#4ade80;font-size:16px}.newsletter-section{background:#ffffff0d;border-radius:15px;padding:30px;margin-bottom:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.newsletter-content h4{font-size:20px;font-weight:600;margin-bottom:10px;color:#fff}.newsletter-content p{color:#b8c5d6;margin-bottom:20px;font-size:14px}.newsletter-form{display:flex;gap:10px;max-width:400px}.newsletter-input{flex:1;padding:12px 16px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1a;color:#fff;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.newsletter-input::-moz-placeholder{color:#b8c5d6}.newsletter-input::placeholder{color:#b8c5d6}.newsletter-input:focus{outline:none;border-color:#4ade80;box-shadow:0 0 0 3px #4ade801a}.newsletter-btn{padding:12px 24px;background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.newsletter-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4ade804d}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;margin-top:20px}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-bottom-content p{color:#b8c5d6;font-size:13px;margin:0}.footer-bottom-links{display:flex;gap:20px;flex-wrap:wrap}.footer-bottom-links a{color:#b8c5d6;text-decoration:none;font-size:13px;transition:color .3s ease}.footer-bottom-links a:hover{color:#fff}@media (max-width: 768px){.footer{padding:40px 0 20px}.footer-content{grid-template-columns:1fr;gap:30px;text-align:center}.footer-section h4:after{left:50%;transform:translate(-50%)}.social-links{justify-content:center}.newsletter-section{padding:20px}.newsletter-form{flex-direction:column;max-width:100%}.newsletter-btn{width:100%}.footer-bottom-content{flex-direction:column;text-align:center;gap:15px}.footer-bottom-links{justify-content:center}.contact-info{align-items:center}.footer-links a:hover{padding-left:0}.footer-links a:before{display:none}}@media (max-width: 480px){.footer-container{padding:0 15px}.footer-logo h3{font-size:20px}.newsletter-content h4{font-size:18px}.footer-section h4{font-size:16px}.social-link{width:35px;height:35px}}h1{font-size:2rem;font-weight:700;color:#fff;margin-bottom:1rem;line-height:1.2;letter-spacing:.5px}@media (max-width: 768px){h1{font-size:2rem}}.faq-section{margin-top:40px;margin-bottom:60px}.faq-section h2{font-size:1.8rem;font-weight:700;margin-bottom:20px;color:#222831}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000000d;padding:16px 20px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}.faq-item:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#000;font-size:1.1rem}.faq-arrow{font-size:1.2rem;transition:transform .3s ease}.faq-item.open .faq-arrow{transform:rotate(180deg)}.faq-answer{overflow:hidden;transition:all .3s ease;padding-top:10px}.faq-answer p{margin:0;color:#555;line-height:1.5}.dashboard-wrapper,.dashboard,.dashboard *{color:#000}.card,.panel,.panel-trees,.panel-solar{background-color:#fff!important}.value{font-size:24px;font-weight:700}.value.blue{color:#1e3a8a}.value.green{color:#047857}.value.orange{color:#b45309}.value.purple{color:#6b21a8}.panel-status.panel-ev{color:#0f4bf0}.panel-status.panel-trees{color:#047857}.panel-status.panel-solar{color:#b45309}.dashboard-container{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;background:#f5f5f7;padding:2rem}.card{background:#fff;border-radius:20px;padding:1.5rem;color:#000;width:320px;box-shadow:0 10px 30px #00000014;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center;transition:transform .3s ease,box-shadow .3s ease,filter .3s ease}.card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000026;filter:brightness(1.03)}.card-icon{font-size:3rem;margin:0 auto .5rem;display:block;color:#2563eb}h2{margin:.5rem 0;font-size:1.6rem;font-weight:600}.subtitle{font-size:1rem;opacity:.85;margin:.5rem 0}.description{font-size:1rem;margin:.5rem 0;line-height:1.4}.add-button{background-color:#2563eb;color:#382f2f;padding:.6rem 1.4rem;border-radius:14px;font-weight:600;border:none;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.add-button:hover{background-color:#1e4fcb;transform:scale(1.05)}.blog-points{list-style:none;padding-left:1rem;font-size:.9rem;margin-top:1rem;text-align:left}.blog-points li:before{content:"•";color:#000;font-weight:700;display:inline-block;width:1em;margin-left:-1em}.add-button.blue{background-color:#93c5fd}.add-button.blue:hover{background-color:#60a5fa}.add-button.green{background-color:#86efac}.add-button.green:hover{background-color:#4ade80}.add-button.orange{background-color:#fdba74}.add-button.orange:hover{background-color:#fb923c}.add-button.purple{background-color:#c4b5fd}.add-button.purple:hover{background-color:#a78bfa}body.modal-open{overflow:hidden}.form-control::-moz-placeholder{color:var(--text-light);opacity:1}.form-control::placeholder{color:var(--text-light);opacity:1}select.form-control{color:var(--text)}select.form-control option[disabled],select.form-control option[value=""]{color:var(--text-light)}input[type=date].form-control{color:var(--text)}input[type=date].form-control:invalid{color:var(--text-light)}:root{--primary: #4CAF50;--primary-light: #81C784;--primary-dark: #388E3C;--secondary: #2196F3;--secondary-light: #64B5F6;--secondary-dark: #1976D2;--tertiary: #FF9800;--tertiary-light: #FFB74D;--tertiary-dark: #F57C00;--background: #F5F7FA;--text: #333333;--text-light: #757575;--white: #FFFFFF;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--radius: 12px}.buttons-row{display:flex;gap:1rem;justify-content:center;margin-top:1rem;margin-bottom:2rem;flex-wrap:wrap}.btn-primary{display:inline-flex;justify-content:center;margin:0 auto;background:var(--primary);color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px #0000001a;padding:.75rem 1.5rem}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.btn-secondary{background:var(--secondary)}.btn-secondary:hover{background:var(--secondary-dark)}.btn-tertiary{background:var(--tertiary)}.btn-tertiary:hover{background:var(--tertiary-dark)}.icon{width:20px;height:20px}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.popup-overlay.active{opacity:1;visibility:visible}.popup{background:#fffffff2;width:90%;max-width:700px;border-radius:var(--radius);box-shadow:0 10px 30px #0003;padding:2rem;position:relative;max-height:90vh;overflow-y:auto;transform:scale(.9);opacity:0;transition:all .3s ease}.popup.active{transform:scale(1);opacity:1}.popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.1)}.popup-header h2{font-size:1.8rem;color:var(--text);display:flex;align-items:center;gap:.75rem}.popup-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-light);transition:color .3s ease}.popup-close:hover{color:var(--text)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text)}.form-control{width:100%;padding:.75rem 1rem;font-size:1rem;border:1px solid rgba(0,0,0,.1);border-radius:8px;background-color:#fffc;transition:all .3s ease}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4caf5033}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem;padding-right:2.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.btn-cancel{background:transparent;border:1px solid rgba(0,0,0,.2);color:var(--text)}.btn-cancel:hover{background:#0000000d}.btn-submit{background:var(--primary)}.btn-submit:hover{background:var(--primary-dark)}.btn-submit-ev{background:var(--secondary)}.btn-submit-ev:hover{background:var(--secondary-dark)}.btn-submit-tree{background:var(--tertiary)}.btn-submit-tree:hover{background:var(--tertiary-dark)}.file-upload{display:flex;flex-direction:column;align-items:center;padding:1.5rem;border:2px dashed rgba(0,0,0,.1);border-radius:var(--radius);background-color:#ffffff80;transition:all .3s ease;cursor:pointer}.file-upload:hover{border-color:var(--tertiary);background-color:#ff98000d}.file-upload input{display:none}.file-upload-icon{width:48px;height:48px;margin-bottom:1rem;color:var(--tertiary)}.file-upload-text{text-align:center;color:var(--text-light)}.file-upload-text strong{color:var(--tertiary)}.photo-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem}.photo-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.photo-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.photo-item .remove-photo{position:absolute;top:5px;right:5px;background:#fffc;border:none;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;color:#ff5252}@keyframes pulse{0%{box-shadow:0 0 #4caf5066}70%{box-shadow:0 0 0 10px #4caf5000}to{box-shadow:0 0 #4caf5000}}.pulse{animation:pulse 2s infinite}.btn-secondary.pulse{animation-name:pulse-blue}@keyframes pulse-blue{0%{box-shadow:0 0 #2196f366}70%{box-shadow:0 0 0 10px #2196f300}to{box-shadow:0 0 #2196f300}}.btn-tertiary.pulse{animation-name:pulse-orange}@keyframes pulse-orange{0%{box-shadow:0 0 #ff980066}70%{box-shadow:0 0 0 10px #ff980000}to{box-shadow:0 0 #ff980000}}.toast{position:fixed;bottom:20px;right:20px;background:var(--primary-dark);color:#fff;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 3px 10px #0003;display:flex;align-items:center;gap:.75rem;transform:translateY(100px);opacity:0;transition:all .3s ease;z-index:1100}.toast.show{transform:translateY(0);opacity:1}.toast-icon{width:24px;height:24px}.toast-message{font-weight:500}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.popup{width:95%;padding:1.5rem}.photo-preview{grid-template-columns:repeat(2,1fr)}.buttons-row{flex-direction:column}}.communityPage{min-height:100vh;background:linear-gradient(135deg,#e6f9f0,#f7fafc);display:flex;flex-direction:column}.headerSection{text-align:center;margin-top:90px;margin-bottom:24px}.pageMainTitle{font-size:2.4em;color:#218a6a;font-weight:900;margin-bottom:8px;letter-spacing:1.5px}.pageSubtitle{color:#38b48b;font-size:1.18em;margin-bottom:0;font-weight:500;letter-spacing:.5px}.featuredBlog{display:flex;align-items:center;background:#e6f9f0;border-radius:18px;box-shadow:0 2px 16px #b2f2dd44;margin:0 auto 32px;max-width:900px;padding:18px 24px;gap:28px}.featuredImg{width:180px;height:120px;-o-object-fit:cover;object-fit:cover;border-radius:12px;box-shadow:0 2px 8px #b2f2dd44}.featuredContent{flex:1}.featuredLabel{color:#fff;background:#38b48b;display:inline-block;padding:2px 14px;border-radius:8px;font-size:.95em;font-weight:700;margin-bottom:8px}.featuredTitle{font-size:1.25em;font-weight:800;color:#218a6a;margin-bottom:6px}.featuredExcerpt{color:#234e36;font-size:1.08em}.mainContent{display:flex;flex-direction:row;max-width:900px;margin:0 auto;gap:32px;flex:1;padding:0 16px}.feed{flex:1;max-width:900px;margin:0 auto}.blogTitle{text-align:center;margin:48px 0 40px;font-size:2.6em;font-weight:900;color:#218a6a;letter-spacing:1.5px;text-shadow:0 2px 12px #b2f2dd;font-family:inherit}.feedPost{background:#fafffc;border-radius:18px;padding:40px 36px 32px;box-shadow:0 6px 32px #b2f2dd44;border:1.5px solid #b2f2dd;margin-bottom:36px;transition:box-shadow .2s,border .2s,transform .15s;position:relative;display:flex;flex-direction:column;align-items:flex-start}.feedPost:hover{box-shadow:0 12px 40px #81e6d944;border:1.5px solid #38b48b;transform:translateY(-2px) scale(1.01)}.feedPost img{width:100%;max-width:600px;height:260px;-o-object-fit:cover;object-fit:cover;border-radius:14px;box-shadow:0 2px 16px #b2f2dd44;margin:0 auto 32px;display:block}.feedAuthor{font-weight:600;color:#38b48b;font-size:1.08em;margin-bottom:2px;letter-spacing:.2px;font-family:inherit}.feedTitle{font-size:2em;font-weight:800;color:#218a6a;margin-bottom:18px;letter-spacing:.5px;font-family:inherit;text-align:left}.feedContent{color:#234e36;font-size:1.15em;margin-bottom:18px;line-height:1.85;letter-spacing:.1px;font-family:inherit}.feedContent h2,.feedContent h3{color:#38b48b;font-family:inherit;margin-top:32px;margin-bottom:12px;font-weight:700}.feedContent h2{font-size:1.5em;border-bottom:2px solid #b2f2dd;padding-bottom:6px}.feedContent h3{font-size:1.18em}.feedContent ul,.feedContent ol{margin:16px 0 16px 32px;color:#234e36;font-size:1.08em}.feedContent li{margin-bottom:8px}.feedContent em{color:#218a6a;font-style:italic}.feedContent strong{color:#38b48b;font-weight:700}.noPosts{text-align:center;color:#7bbfae;font-size:1.08em;margin:32px 0}.readMoreBtn,.showLessBtn{background:#38b48b;color:#234e36;border:none;border-radius:16px;padding:11px 38px;cursor:pointer;font-weight:700;font-size:1.08em;box-shadow:0 2px 8px #b2f2dd44;transition:background .2s,box-shadow .2s,transform .15s;margin-top:18px;margin-bottom:2px;letter-spacing:.5px}.readMoreBtn:hover,.showLessBtn:hover{background:#218a6a;box-shadow:0 4px 16px #81e6d944;transform:translateY(-2px) scale(1.04)}.suggestSection{background:#e6f9f0;border-radius:18px;box-shadow:0 2px 12px #b2f2dd44;max-width:600px;margin:48px auto 0;padding:32px 24px 28px;text-align:center}.suggestSection h3{color:#218a6a;font-size:1.2em;margin-bottom:8px}.suggestSection p{color:#38b48b;margin-bottom:18px}.suggestInput{padding:10px 18px;border:1.5px solid #b2f2dd;border-radius:12px;font-size:1em;margin-right:10px;width:60%;max-width:260px}.suggestBtn{background:#38b48b;color:#fff;border:none;border-radius:12px;padding:10px 22px;font-weight:700;font-size:1em;cursor:pointer;transition:background .2s}.suggestBtn:hover{background:#218a6a}.footer{margin-top:40px;background:#fafffc;border-top:2px solid #b2f2dd;box-shadow:0 -2px 12px #b2f2dd44;padding-bottom:40px}@media (max-width: 900px){.mainContent{flex-direction:column;gap:0;max-width:98vw}.feed{margin-left:0;max-width:100vw}.feedPost{padding:28px 10px 18px}.feedPost img{max-width:100%;height:180px}.featuredBlog{flex-direction:column;gap:12px;padding:14px 8px}.featuredImg{width:100%;height:140px}}@media (max-width: 600px){.mainContent{margin-top:20px}.toolbar{padding:10px 3%;margin-top:60px}.searchInput{padding:10px 12px 10px 20px;font-size:1em}.feedPost{padding:12px 2px 10px;border-radius:12px}.feedPost img{width:100%;height:140px;margin-bottom:10px}.blogTitle{font-size:1.3em;margin-bottom:18px}.feedTitle{font-size:1.1em}.suggestSection{padding:18px 6px 16px;margin-top:24px}}body,.blog-page-container{background:#fff!important;color:#000!important}.blog-page-container{display:flex;flex-direction:row;gap:12px;align-items:stretch;padding:40px 16px 32px 32px;min-height:80vh;background:#ffffffb3;margin-top:40px;border-radius:24px;box-shadow:0 4px 32px #00000021,0 2px 8px #0000001a}.blog-list-section{flex:2;min-width:320px;max-width:700px;height:100%;display:flex;flex-direction:column;justify-content:stretch;margin-right:0;padding-right:0}.blog-list{flex:1;display:flex;flex-direction:column;gap:16px;height:100%;margin-right:0;padding-right:0}.admin-section{flex:2;max-width:540px;min-height:600px;height:100%;background:#f8fafcd9;border-radius:18px;padding:36px 28px 28px;box-shadow:0 6px 32px #3c485821;display:flex;flex-direction:column;gap:18px;border:1.5px solid #e0e7ff}.admin-section h2{margin-bottom:18px;color:#2563eb;font-size:2rem;letter-spacing:1px;font-weight:700}.admin-section form{display:flex;flex-direction:column;gap:16px}.admin-section input,.admin-section textarea{padding:10px;border-radius:8px;border:1.5px solid #cbd5e1;font-size:1.05rem;background:#fff;transition:border .2s}.admin-section input:focus,.admin-section textarea:focus{border:1.5px solid #2563eb;outline:none}.admin-section button[type=submit],button[type=submit].post-blog-btn{background:#e0e0e0!important;color:#222!important;box-shadow:0 2px 8px #00000021;border:none;border-radius:8px;padding:.7rem 1.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s,box-shadow .2s}.admin-section button[type=submit]:hover,button[type=submit].post-blog-btn:hover{background:#ccc!important;box-shadow:0 4px 16px #0000002e}.blog-card{background:#ffffffeb;border-radius:18px;margin-bottom:0;box-shadow:0 8px 32px #3c485829,0 2px 8px #3c48581a;border:2.5px solid #b5e0f7;padding:28px 28px 18px;transition:box-shadow .2s,border-color .18s,transform .15s;position:relative}.blog-card:hover{box-shadow:0 16px 48px #2563eb38,0 4px 16px #3c485821;border-color:#38b48b;transform:translateY(-2px) scale(1.03)}.blog-card h3{margin:0 0 10px;color:#2563eb;font-size:1.35rem;font-weight:700}.blog-summary{color:#6b7a8f;margin:0 0 12px;font-size:1.08rem}.expand-btn{background:#e0f2fe;color:#2563eb;border:none;border-radius:6px;padding:8px 18px;cursor:pointer;margin-bottom:10px;font-weight:600;font-size:1.01rem;transition:background .18s,color .18s;box-shadow:0 1px 4px #3c485812}.expand-btn:hover{background:#1a7f37;color:#fff}.blog-content{margin-top:10px;color:#222;line-height:1.7;font-size:1.08rem;background:#f8fafc;border-radius:8px;padding:14px 16px;box-shadow:0 1px 4px #3c48580f}@media (max-width: 900px){.blog-page-container{flex-direction:column;gap:24px;padding:16px}.admin-section{max-width:100%}.blog-list-section{min-width:0}}body,.blog-page-container,.admin-section,.blog-list-section,.blog-card,.expand-btn,.admin-section input,.admin-section textarea,.admin-section button{font-family:Inter,Arial,sans-serif}.blog-image{width:100%;height:180px;-o-object-fit:cover;object-fit:cover;border-radius:10px 10px 0 0;margin-bottom:16px;display:block}.blog-notification{background:#e0f7e9;color:#16844b;border:1.5px solid #1a7f37;border-radius:10px;padding:14px 18px;margin-bottom:18px;display:flex;align-items:center;gap:16px;font-size:1.08rem;font-weight:600;box-shadow:0 2px 10px #1e844914;position:relative;animation:fadeInNotif .5s}@keyframes fadeInNotif{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.blog-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1e293b73;z-index:2000;display:flex;align-items:center;justify-content:center}.blog-modal.post-modal{background:#fff;border-radius:24px;max-width:700px;width:95vw;max-height:90vh;overflow-y:auto;box-shadow:0 8px 40px #3c48582e;border:1.5px solid #e0e7ef;padding:32px 36px 28px;position:relative;display:flex;flex-direction:column;align-items:stretch}.blog-modal.post-modal::-webkit-scrollbar{width:7px}.blog-modal.post-modal::-webkit-scrollbar-thumb{background:#e0e7ef;border-radius:8px}.blog-modal.post-modal::-webkit-scrollbar-track{background:transparent}.blog-modal.post-modal{scrollbar-width:thin;scrollbar-color:#e0e7ef transparent}.modal-title{font-size:1.3rem;font-weight:700;color:#1976d2;margin-bottom:18px;text-align:center}.post-form{display:flex;flex-direction:column;gap:14px}.post-form label{font-weight:600;color:#1976d2;margin-bottom:2px;margin-top:2px;font-size:1.01rem}.post-form input[type=text],.post-form input[type=file],.post-form textarea{width:100%;padding:8px 10px;border-radius:8px;border:1.2px solid #e0e7ef;font-size:1rem;background:#f7fafc;resize:none;margin-bottom:0}.post-form textarea{min-height:90px}.post-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.post-submit-btn{background:#1976d2;color:#fff;border:none;border-radius:8px;padding:8px 22px;font-weight:600;font-size:1rem;cursor:pointer;transition:background .18s}.post-submit-btn:hover{background:#1251a3}.post-cancel-btn{background:#e0e7ef;color:#1976d2;border:none;border-radius:8px;padding:8px 18px;font-weight:500;font-size:1rem;cursor:pointer;transition:background .18s}.post-cancel-btn:hover{background:#cfd8dc}.modal-close-btn{position:absolute;top:14px;right:14px;width:28px;height:28px;background:#e53935;color:#fff;border:none;border-radius:6px;font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s,color .18s;z-index:10;box-shadow:0 2px 8px #e5393514}.modal-close-btn:hover{background:#b71c1c;color:#fff}.blog-list-section h2{color:#2563eb;font-size:2.2rem;font-weight:700;letter-spacing:1.5px;margin-bottom:24px;text-shadow:0 2px 8px rgba(37,99,235,.08)}.blog-search-bar{width:100%;max-width:400px;padding:10px 14px;border-radius:8px;border:1.5px solid #b5e0f7;font-size:1.08rem;margin-bottom:24px;margin-top:8px;background:#f7fafc;color:#234e36}.blog-meta{display:flex;align-items:center;gap:12px;margin-bottom:10px}.blog-avatar{width:38px;height:38px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #b5e0f7}.blog-author{font-weight:600;color:#2563eb;font-size:1.01rem}.blog-date{color:#6b7a8f;font-size:.97rem}.blog-modal-author-bio{color:#1a7f37;font-size:1.01rem;margin-bottom:10px;text-align:center}.blog-page-container *{color:#000!important}.blog-list-section.full-width{flex:none;width:100%;max-width:1200px;margin:0 auto;min-width:auto}.blog-main-wrapper{font-family:Poppins,Arial,sans-serif;background:#f7fafc;min-height:100vh}.blog-hero-section{position:relative;width:100%;height:320px;display:flex;align-items:center;justify-content:center;overflow:hidden}.blog-hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:url(https://images.unsplash.com/photo-1501785888041-af3ef285b470?auto=format&fit=crop&w=1200&q=80) center/cover no-repeat;filter:brightness(.7);z-index:1}.blog-hero-content{position:relative;z-index:2;color:#fff;text-align:center;margin-top:60px}.blog-hero-content h1{font-size:2.8rem;font-weight:700;letter-spacing:1.5px;margin:0}.blog-category-filter{display:flex;justify-content:center;gap:12px;margin:32px 0 24px;flex-wrap:wrap}.blog-category-btn{background:#f3f6fa;color:#1976d2;border:1.2px solid #e0e7ef;border-radius:14px;padding:5px 14px;font-size:.97rem;font-weight:500;cursor:pointer;margin-right:4px;margin-bottom:4px;transition:background .18s,color .18s,border .18s;box-shadow:none}.blog-category-btn.active,.blog-category-btn:hover{background:#e3ecfa;color:#185a9d;border:1.2px solid #b5c9e6}.blog-content-row{display:flex;max-width:1200px;margin:0 auto;gap:36px;align-items:flex-start;padding:0 16px 48px}.blog-grid{flex:2;display:grid;grid-template-columns:1fr 1fr;gap:32px}.blog-card-modern{background:#fff;border-radius:10px;box-shadow:0 2px 16px #2c3e5014;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .18s,transform .18s}.blog-card-modern:hover{box-shadow:0 8px 32px #2c3e5029;transform:translateY(-4px) scale(1.02)}.blog-card-img{width:100%;height:220px;-o-object-fit:cover;object-fit:cover;display:block}.blog-card-body{padding:22px 20px 18px;display:flex;flex-direction:column;gap:10px}.blog-card-meta{display:flex;align-items:center;gap:10px;margin-bottom:6px}.blog-card-avatar{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e0e7ef}.blog-card-author{font-weight:600;color:#1976d2;font-size:1.01rem}.blog-card-date{color:#6b7a8f;font-size:.97rem}.blog-card-title{font-size:1.25rem;font-weight:700;color:#222;margin:0 0 4px}.blog-card-summary{color:#444;font-size:1.05rem;margin:0 0 8px}.blog-card-categories{display:flex;gap:8px;flex-wrap:wrap}.blog-card-category{background:#e3f2fd;color:#1976d2;border-radius:12px;padding:3px 12px;font-size:.92rem;font-weight:500}.blog-sidebar{flex:1;min-width:260px;background:#fff;border-radius:10px;box-shadow:0 2px 16px #2c3e5014;padding:28px 20px 18px;display:flex;flex-direction:column;gap:18px;height:-moz-fit-content;height:fit-content}.sidebar-title{font-size:1.18rem;font-weight:700;color:#1976d2;margin-bottom:12px}.sidebar-latest-posts{display:flex;flex-direction:column;gap:18px}.sidebar-post{display:flex;align-items:center;gap:12px}.sidebar-post-avatar{width:38px;height:38px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e0e7ef}.sidebar-post-title{font-weight:600;color:#222;font-size:1.01rem}.sidebar-post-categories{color:#1976d2;font-size:.95rem}@media (max-width: 900px){.blog-content-row{flex-direction:column;gap:24px}.blog-grid{grid-template-columns:1fr;gap:18px}.blog-sidebar{min-width:0;width:100%;padding:18px 8px}}@media (max-width: 600px){.blog-hero-section{height:180px}.blog-hero-content h1{font-size:1.3rem}.blog-category-filter{gap:6px;margin:18px 0 12px}.blog-content-row{padding:0 2px 24px}.blog-card-img{height:120px}.blog-sidebar{padding:10px 2px}}.blog-post-btn{background:#43a047;color:#fff;border:none;margin-left:18px;display:flex;align-items:center;font-weight:700;font-size:1.08rem;padding:8px 24px;border-radius:18px;box-shadow:0 2px 8px #43a04714;transition:background .18s,box-shadow .18s}.blog-post-btn:hover{background:#388e3c;box-shadow:0 4px 16px #43a04729}.blog-post-plus{font-size:1.3em;margin-right:8px;font-weight:900;display:inline-block}.post-btn{background:#1976d2;color:#fff;border:1.2px solid #1976d2;font-weight:600;display:flex;align-items:center;padding:5px 16px;margin-left:8px}.post-btn:hover{background:#1251a3;border:1.2px solid #1251a3;color:#fff}.post-category-checkboxes{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:6px}.category-checkbox-label{display:flex;align-items:center;gap:4px;font-size:.98rem;color:#1976d2;font-weight:500;cursor:pointer}.post-form input[type=checkbox]{accent-color:#1976d2;width:16px;height:16px}.blog-like-section{margin:12px 0 0;display:flex;align-items:center}.blog-like-btn{background:none;border:none;color:#e25555;font-size:1.2em;cursor:pointer;display:flex;align-items:center;gap:6px;transition:transform .1s}.blog-like-btn:active{transform:scale(1.1)}.blog-comment-section{margin-top:16px;background:#f8f9fa;border-radius:10px;padding:12px 10px 8px;box-shadow:0 1px 4px #0000000a}.blog-comments-list{max-height:90px;overflow-y:auto;margin-bottom:8px}.blog-comment{display:flex;justify-content:space-between;align-items:center;font-size:.97em;background:#fff;border-radius:6px;padding:4px 8px;margin-bottom:4px;box-shadow:0 1px 2px #00000008}.blog-comment-text{color:#333}.blog-comment-date{color:#aaa;font-size:.85em;margin-left:10px}.blog-no-comments{color:#bbb;font-size:.97em;text-align:left;margin-bottom:6px}.blog-comment-input-row{display:flex;gap:6px;margin-top:4px}.blog-comment-input{flex:1;border:1px solid #ddd;border-radius:6px;padding:6px 8px;font-size:1em;outline:none;transition:border .2s}.blog-comment-input:focus{border:1.5px solid #6c63ff}.blog-comment-add-btn{background:#6c63ff;color:#fff;border:none;border-radius:6px;padding:6px 14px;font-size:1em;cursor:pointer;transition:background .2s}.blog-comment-add-btn:hover{background:#554ee2}.engage-page{min-height:100vh;background:linear-gradient(135deg,#e0f7fa,#e8fce8);display:flex;flex-direction:column;align-items:center;padding-top:50px}.engage-intro{font-size:1.15rem;color:#0073b1;margin-bottom:20px;text-align:center;max-width:600px;line-height:1.6}.engage-title{font-size:2.4rem;color:#1a7a5e;margin-bottom:38px;font-weight:700;letter-spacing:1.5px;text-align:center;width:100%;text-shadow:0 2px 8px #b2f7ef44}.engage-divs{display:flex;gap:36px;justify-content:center;flex-wrap:wrap;width:100%;max-width:1200px}.engage-card{background:linear-gradient(120deg,#e0f7fa 60%,#e8fce8);border-radius:24px;box-shadow:0 8px 32px #1a7a5e22,0 2px 8px #0073b122;cursor:pointer;transition:transform .18s,box-shadow .18s;width:290px;min-width:220px;max-width:320px;margin:0 8px;padding:0;display:flex;flex-direction:column;align-items:center;border:1.5px solid #b2ebf2;position:relative;overflow:hidden}.engage-card-large{height:320px}.engage-card:hover{transform:translateY(-10px) scale(1.04);box-shadow:0 16px 48px #1a7a5e33,0 4px 16px #0073b144;border-color:#1a7a5e}.engage-card-img-full{width:100%;height:180px;overflow:hidden;border-radius:28px 28px 0 0;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#e0f7fa 60%,#e8fce8)}.engage-img-pic-full{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:brightness(.96) saturate(1.1);transition:filter .2s}.engage-card:hover .engage-img-pic-full{filter:brightness(1.07) saturate(1.2)}.engage-label-large{flex:0 1 40%;width:100%;text-align:center;font-size:1.08rem;color:#1a7a5e;font-weight:700;background:#f8fbfc;padding:14px 0 8px;margin-top:8px;border-bottom-left-radius:28px;border-bottom-right-radius:28px;letter-spacing:1px;box-shadow:0 2px 8px #b2f7ef22}.engage-label-small{font-size:1.08rem;padding:0 10px;font-weight:600}.engage-desc{font-size:.95rem;margin-top:6px;font-weight:500;letter-spacing:.2px;border-radius:8px;padding:4px 0 2px;max-width:90%;margin-left:auto;margin-right:auto}@media (max-width: 900px){.engage-divs{flex-direction:column;align-items:center;gap:22px}.engage-card,.engage-card-large{width:90vw;max-width:340px;height:260px}}.games-page{padding:20px 0;margin:25px 0 0;font-family:Poppins,sans-serif;overflow-x:hidden}h1{color:#084d08;text-align:center;margin-top:70px;font-size:40px}.wavy-section{position:relative;height:400px;display:flex;align-items:center;justify-content:space-between;padding:0 8%;margin:0 auto 50px;border-radius:20px;overflow:hidden;max-width:1200px;box-shadow:0 10px 30px #0000001a}.wave-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.wave{position:absolute;bottom:0;left:0;width:200%;height:100%;background-repeat:repeat-x;background-size:50% 100%;animation:waveAnimation 12s linear infinite;opacity:.9}.wavy-section:nth-child(1) .wave{background:url('data:image/svg+xml;utf8,<svg viewBox="0 0 1200 120" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><path d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z" fill="%23a7f3d0" opacity=".8"/><path d="M0,0V15.81C13,36.92,27.64,56.86,47.69,72.05,99.41,111.27,165,111,224.58,91.58c31.15-10.15,60.09-26.07,89.67-39.8,40.92-19,84.73-46,130.83-49.67,36.26-2.85,70.9,9.42,98.6,31.56,31.77,25.39,62.32,62,103.63,73,40.44,10.79,81.35-6.69,119.13-24.28s75.16-39,116.92-43.05c59.73-5.85,113.28,22.88,168.9,38.84,30.2,8.66,59,6.17,87.09-7.5,22.43-10.89,48-26.93,60.65-49.24V0Z" fill="%23a7f3d0" opacity=".6"/><path d="M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,172.46-45.71,248.8-84.81V0Z" fill="%23a7f3d0" opacity=".4"/></svg>')}.wavy-section:nth-child(2) .wave{background:url('data:image/svg+xml;utf8,<svg viewBox="0 0 1200 120" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><path d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z" fill="%23bfdbfe" opacity=".8"/><path d="M0,0V15.81C13,36.92,27.64,56.86,47.69,72.05,99.41,111.27,165,111,224.58,91.58c31.15-10.15,60.09-26.07,89.67-39.8,40.92-19,84.73-46,130.83-49.67,36.26-2.85,70.9,9.42,98.6,31.56,31.77,25.39,62.32,62,103.63,73,40.44,10.79,81.35-6.69,119.13-24.28s75.16-39,116.92-43.05c59.73-5.85,113.28,22.88,168.9,38.84,30.2,8.66,59,6.17,87.09-7.5,22.43-10.89,48-26.93,60.65-49.24V0Z" fill="%23bfdbfe" opacity=".6"/><path d="M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,172.46-45.71,248.8-84.81V0Z" fill="%23bfdbfe" opacity=".4"/></svg>');animation-duration:18s}.wavy-section:nth-child(3) .wave{background:url('data:image/svg+xml;utf8,<svg viewBox="0 0 1200 120" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><path d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z" fill="%23fed7aa" opacity=".8"/><path d="M0,0V15.81C13,36.92,27.64,56.86,47.69,72.05,99.41,111.27,165,111,224.58,91.58c31.15-10.15,60.09-26.07,89.67-39.8,40.92-19,84.73-46,130.83-49.67,36.26-2.85,70.9,9.42,98.6,31.56,31.77,25.39,62.32,62,103.63,73,40.44,10.79,81.35-6.69,119.13-24.28s75.16-39,116.92-43.05c59.73-5.85,113.28,22.88,168.9,38.84,30.2,8.66,59,6.17,87.09-7.5,22.43-10.89,48-26.93,60.65-49.24V0Z" fill="%23fed7aa" opacity=".6"/><path d="M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,172.46-45.71,248.8-84.81V0Z" fill="%23fed7aa" opacity=".4"/></svg>');animation-duration:20s}@keyframes waveAnimation{0%{transform:translate(0) translateY(0)}50%{transform:translate(-25%) translateY(-8px)}to{transform:translate(-50%) translateY(0)}}.wavy-content{position:relative;z-index:2;width:100%;display:flex;align-items:center;justify-content:space-between}.wavy-left{width:50%;padding-right:40px}.wavy-right{width:45%;display:flex;justify-content:center;perspective:1000px}.wavy-title{font-size:2.2rem;font-weight:700;color:#1e293b;margin-bottom:15px}.wavy-desc{font-size:1rem;color:#334155;margin-bottom:25px;line-height:1.6}.wavy-btn{background-color:#fff;border:none;padding:12px 30px;font-size:1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.wavy-section:nth-child(1) .wavy-btn{background-color:#107116;color:#fff}.wavy-section:nth-child(2) .wavy-btn{background-color:#3b82f6;color:#fff}.wavy-section:nth-child(3) .wavy-btn{background-color:#f97316;color:#fff}.wavy-btn:hover{transform:translateY(-3px);box-shadow:0 6px 16px #00000026}.wavy-img{height:220px;border-radius:16px;box-shadow:0 15px 30px #00000026;-o-object-fit:cover;object-fit:cover;transition:all .5s cubic-bezier(.25,.8,.25,1);transform-style:preserve-3d;width:350px}.wavy-img:hover{transform:rotateY(10deg) rotate(5deg) scale(1.05);box-shadow:0 20px 40px #00000040}.wavy-balls-bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;overflow:hidden}.wavy-ball{position:absolute;border-radius:50%;filter:blur(60px);opacity:.3;animation:float 15s infinite ease-in-out}.ball-primary{width:300px;height:300px;background-color:#4ade80;top:-50px;left:-50px}.ball-secondary{width:400px;height:400px;background-color:#60a5fa;bottom:-100px;right:-100px;animation-delay:2s}.ball-accent1{width:250px;height:250px;background-color:#fb923c;top:50%;left:30%;animation-delay:4s}.ball-accent2{width:350px;height:350px;background-color:#34d399;top:-50px;right:-50px;animation-delay:1s}.floating-bubble{position:absolute;border-radius:50%;background-color:#ffffff4d;animation:float 8s infinite ease-in-out;z-index:1}.bubble1{width:40px;height:40px;top:20%;left:10%;animation-delay:2s}.bubble2{width:60px;height:60px;bottom:15%;right:15%;animation-delay:2s}.bubble3{width:50px;height:50px;top:30%;right:20%;animation-delay:1s}.bubble4{width:30px;height:30px;bottom:25%;left:20%;animation-delay:3s}.wavy-section:nth-child(1) .floating-bubble{background-color:#10b9814d}.wavy-section:nth-child(2) .floating-bubble{background-color:#3b82f64d}.wavy-section:nth-child(3) .floating-bubble{background-color:#f973164d}@keyframes float{0%,to{transform:translateY(0) translate(0) rotate(0)}50%{transform:translateY(-20px) translate(10px) rotate(5deg)}}@media (max-width: 1024px){.wavy-section{height:auto;flex-direction:column;padding:60px 5%;margin-bottom:40px}.wavy-content{flex-direction:column}.wavy-left,.wavy-right{width:100%;text-align:center;padding:0}.wavy-left{margin-bottom:30px}.wavy-title{font-size:1.8rem}.wavy-img{max-width:70%}}@media (max-width: 768px){.games-page{margin-top:60px}.wavy-title{font-size:1.6rem}.wavy-img{max-width:85%;max-height:200px}}.about-hero{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);padding:0 0 40px;border-bottom:6px solid #43a047}.about-hero-content{max-width:1100px;margin:0 auto;padding:32px 16px 0}.about-hero-topbar{display:flex;justify-content:flex-end;gap:32px;font-size:.95rem;color:#388e3c;margin-bottom:12px}.about-hero-main{text-align:left;margin-bottom:32px}.about-hero-main h1{font-size:2.7rem;font-weight:700;color:#222;margin-bottom:12px;line-height:1.2}.highlight{color:#fbc02d;font-weight:700}.about-hero-desc{font-size:1.15rem;color:#388e3c;margin-bottom:18px;max-width:500px}.about-cta{background:#fbc02d;color:#185a9d;border:none;border-radius:24px;padding:10px 32px;font-size:1.1rem;font-weight:600;cursor:pointer;margin-bottom:18px;transition:background .2s}.about-cta:hover{background:#ffd54f}.about-hero-features{display:flex;gap:36px;margin-top:24px;flex-wrap:wrap}.about-feature{display:flex;flex-direction:column;align-items:center;font-size:1.05rem;color:#388e3c}.about-feature-icon{font-size:2rem;margin-bottom:6px}.about-main-content{max-width:1100px;margin:0 auto;padding:40px 16px 0}.about-who-we-are{display:flex;gap:48px;align-items:flex-start;margin-bottom:56px;flex-wrap:wrap}.about-who-text{flex:2;min-width:300px}.about-who-text h2{font-size:2rem;color:#185a9d;margin-bottom:12px}.about-who-text p{color:#444;font-size:1.1rem;margin-bottom:18px}.about-mission-vision{display:flex;gap:18px;flex-wrap:wrap}.about-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #2c3e5014;padding:18px 20px;min-width:180px;flex:1 1 180px}.about-mission h4,.about-vision h4{color:#43a047;margin-bottom:8px;font-size:1.1rem}.about-mission p,.about-vision p{color:#185a9d;font-size:1rem;margin:0}.about-who-image{flex:1;min-width:220px;display:flex;align-items:center;justify-content:center}.about-who-image img{width:100%;max-width:320px;border-radius:18px;box-shadow:0 4px 24px #2c3e5021}.black{color:#000}.about-why-choose{display:flex;gap:48px;align-items:flex-start;margin-bottom:56px;flex-wrap:wrap}.about-why-text{flex:2;min-width:300px}.about-why-text h3{font-size:1.5rem;color:#185a9d;margin-bottom:10px}.about-why-text p{color:#444;font-size:1.08rem;margin-bottom:0}.about-stats{flex:1;min-width:220px;display:flex;flex-direction:column;gap:18px;margin-top:12px}.about-stat{background:#fff;border-radius:12px;box-shadow:0 2px 12px #2c3e5014;padding:18px 20px;text-align:center}.about-stat-value{font-size:2rem;color:#43a047;font-weight:700;display:block}.about-stat-label{color:#185a9d;font-size:1.05rem;margin-top:4px;display:block}@media (max-width: 900px){.about-who-we-are,.about-why-choose{flex-direction:column;gap:28px}.about-hero-features{gap:18px}}@media (max-width: 600px){.about-hero-main h1{font-size:1.5rem}.about-hero-content,.about-main-content{padding:18px 4px 0}}.about-hero-section-v2{background:#fff;padding:100px 0 0;border-bottom:4px solid #43a047}.about-hero-content-v2{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:32px;padding:0 16px}.about-hero-left-v2{display:flex;flex-direction:column;justify-content:center;height:100%;min-height:320px}.about-hero-right-v2{max-width:340px;display:flex;flex-direction:column;align-items:flex-start;gap:18px;justify-content:center;height:100%}.about-hero-desc-v2{font-size:1.08rem;color:#388e3c;margin-bottom:0}.about-hero-left-v2 h1{font-size:2.5rem!important}.highlight-yellow{color:#fbc02d;font-weight:700}.about-cta-v2{background:#fbc02d;color:#185a9d;border:none;border-radius:24px;padding:10px 32px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .2s}.about-cta-v2:hover{background:#ffd54f}.about-hero-features-v2{display:flex;gap:48px;margin:36px auto 0;justify-content:center;max-width:900px;border-radius:18px;background:#f7fafc;padding:18px 0;box-shadow:0 2px 12px #2c3e500a}.about-feature-v2{display:flex;flex-direction:column;align-items:center;font-size:1.05rem;color:#388e3c;min-width:120px;background:#fff;border:2px solid #43a047;border-radius:50%;width:100px;height:100px;justify-content:center;box-shadow:0 2px 8px #2c3e5012;margin:0 4px;transition:transform .18s}.about-feature-v2:hover{transform:scale(1.07);box-shadow:0 6px 18px #2c3e5021}.about-feature-icon-v2{font-size:2.5rem;margin-bottom:4px}.about-feature-v2 span:last-child{font-size:.95rem;margin-top:2px;text-align:center}.about-image-section-v2{position:relative;width:100%;min-height:320px;margin:0 auto;overflow:hidden}.about-image-v2{width:100%;height:340px;-o-object-fit:cover;object-fit:cover;display:block}.about-image-overlay-v2{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#185a9d,#43cea2);opacity:.65;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-left:8%}.about-play-btn-v2{background:none;border:none;outline:none;cursor:pointer;margin-bottom:18px;z-index:2}.about-image-text-v2{color:#fff;z-index:2;max-width:420px}.about-image-text-v2 h2{font-size:1.5rem;font-weight:600;margin-bottom:8px}.about-image-text-v2 p{font-size:1.05rem;margin-bottom:0}@media (max-width: 900px){.about-hero-content-v2{flex-direction:column;gap:18px;align-items:flex-start}.about-hero-features-v2{gap:18px;padding:10px 0}.about-image-overlay-v2{padding-left:4%}}@media (max-width: 600px){.about-hero-left-v2 h1{font-size:1.3rem}.about-hero-content-v2{padding:0 4px}.about-hero-features-v2{flex-direction:column;gap:8px;padding:6px 0}.about-image-v2{height:180px}.about-image-overlay-v2{padding-left:2%}.about-image-text-v2 h2{font-size:1.1rem}}.about-hero-section-v2,.about-hero-content-v2,.about-hero-left-v2,.about-hero-right-v2,.about-hero-features-v2,.about-feature-v2,.about-image-section-v2,.about-image-text-v2,.about-cta-v2,.about-feature-icon-v2,.about-image-v2,.about-image-overlay-v2,.about-main-content,.about-hero,.about-hero-content,.about-hero-main,.about-hero-desc,.about-cta,.about-feature,.about-feature-icon,.about-who-we-are,.about-who-text,.about-mission-vision,.about-card,.about-mission,.about-vision,.about-who-image,.about-why-choose,.about-why-text,.about-stats,.about-stat,.about-stat-value,.about-stat-label{font-family:Poppins,Arial,Helvetica,sans-serif!important}.about-why-text{margin-top:-45px}body,html{font-family:Poppins,Arial,Helvetica,sans-serif!important}.about-calc-btn-v2{display:inline-block;background:#43a047;color:#fff;border:none;border-radius:24px;padding:10px 32px;font-size:1.1rem;font-weight:600;cursor:pointer;text-decoration:none;margin-top:8px;transition:background .2s,color .2s}.about-calc-btn-v2:hover{background:#388e3c;color:#fff}.about-info-box-v2{background:#e8f5e9;border-radius:18px;box-shadow:0 4px 24px #2c3e5021;padding:20px 24px;margin:24px auto 0;font-size:1.08rem;font-weight:500;box-sizing:border-box;max-width:420px;display:flex;align-items:center;gap:10px;transition:transform .25s cubic-bezier(.4,.2,.2,1),box-shadow .25s cubic-bezier(.4,.2,.2,1);will-change:transform,box-shadow;color:#388e3c}.about-info-box-v2:hover{transform:scale(1.04) translateY(-6px);box-shadow:0 12px 36px #2c3e502e}.about-hero-box-v2{background:#e8f5e9;border-radius:18px;box-shadow:0 4px 24px #2c3e5021;padding:28px 24px 18px;transition:transform .25s cubic-bezier(.4,.2,.2,1),box-shadow .25s cubic-bezier(.4,.2,.2,1);will-change:transform,box-shadow;margin-bottom:8px}.about-hero-box-v2:hover{transform:scale(1.04) translateY(-6px);box-shadow:0 12px 36px #2c3e502e}.about-info-box-gap-v2{margin-top:32px}:root{--about-font-large: 2rem;--about-font-medium: 1.2rem;--about-font-normal: 1rem}.about-hero-content-v2 h1:not(.about-hero-left-v2 h1),.about-main-content h2,.about-image-text-v2 h2{font-size:2rem!important}.about-hero-desc-v2,.about-hero-box-v2,.about-feature-v2 span,.about-feature-icon-v2,.about-main-content h3,.about-main-content h4,.about-card h4,.about-stat-value{font-size:var(--about-font-medium)!important}.about-main-content p,.about-card p,.about-stat-label,.about-hero-box-v2 p,.about-hero-features-v2 span{font-size:var(--about-font-normal)!important}.about-hero-features-v2{width:100%;display:flex;justify-content:center;margin:26px auto;position:relative;background:none;box-shadow:none;padding:0}.about-features-line-v2{display:flex;flex-direction:row;align-items:flex-start;width:100%;max-width:900px;position:relative;justify-content:space-between}.about-features-line-v2:before{content:"";position:absolute;top:25px;left:60px;right:60px;height:3px;background:#43a047;z-index:0}.about-feature-stack-v2{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;width:120px}.about-feature-circle-v2{width:50px;height:50px;background:#2e7533;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px;box-shadow:0 1px 4px #2c3e500d;padding:0}.about-feature-icon-v2{color:#fff;font-size:2.5rem;display:flex;align-items:center;justify-content:center;line-height:1}.about-feature-arrow-v2{font-size:2rem;color:#43a047;margin:0 18px;vertical-align:middle;display:flex;align-items:center}.about-features-labels-row-v2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;max-width:900px;margin:0 auto;gap:0}.about-feature-label-v2{font-size:.85rem;color:#222;text-align:center;font-weight:500;width:140px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.communityPage{min-height:100vh;background:linear-gradient(135deg,#e0f7fa,#f3f6f9);display:flex;flex-direction:column}.mainContent{display:flex;flex-direction:row;max-width:1200px;margin:20px auto 0;gap:32px;flex:1;padding:0 16px}.feed{flex:1;max-width:800px;margin-left:0;margin-right:0}.postBox{display:flex;align-items:flex-start;gap:16px;background:#fff;border-radius:14px;padding:22px 20px;box-shadow:0 4px 24px #00000005;border:1.5px solid #e0f7fa;margin-bottom:24px}.postAvatar{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e0f7fa;margin-top:2px}.postInput{flex:1;resize:none;border:1.5px solid #b2ebf2;border-radius:8px;padding:12px;font-size:1.08em;background:#f8fbfc;transition:border .2s;min-height:48px;margin-bottom:0}.postInput:focus{border:1.5px solid #0073b1;outline:none;background:#fff}.postBtn{align-self:flex-end;background:#746dd6;color:#fff;border:none;border-radius:16px;padding:7px 22px;cursor:pointer;font-weight:600;font-size:1em;box-shadow:0 2px 8px #0073b122;transition:background .2s,box-shadow .2s;margin-left:8px}.postBtn:hover{background:#1a7a5e;box-shadow:0 4px 16px #1a7a5e22}.feedPosts{display:flex;flex-direction:column;gap:22px}.feedPost{background:#fff;border-radius:14px;padding:18px 18px 14px;box-shadow:0 4px 24px #0002;border:1.5px solid #e0f7fa;display:flex;gap:16px;align-items:flex-start}.feedAvatar{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e0f7fa;margin-top:2px}.feedAuthor{font-weight:600;color:#0073b1;font-size:1.08em}.feedTitle{font-size:.98em;color:#666;margin-bottom:4px}.feedContent{margin-top:2px;color:#222;font-size:1.05em;line-height:1.5}.noPosts{text-align:center;color:#888;font-size:1.08em;margin:32px 0}.suggestionsBar{width:340px;background:#fff;border-radius:16px;padding:28px 18px;box-shadow:0 4px 24px #0002;font-size:1rem;height:480px;margin-left:32px;position:sticky;top:110px;overflow-y:auto;display:flex;flex-direction:column}.suggestionsBar h3{margin-bottom:18px;font-size:1.15em;color:#0073b1;letter-spacing:.5px}.suggestionsList{list-style:none;padding:0;margin:0;flex:1 1 auto}.suggestionItem{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:8px 6px;border-radius:8px;transition:background .2s,box-shadow .2s}.suggestionItem:hover{background:#e6f7ef;box-shadow:0 2px 8px #0073b122}.suggestionAvatar{width:38px;height:38px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e0f7fa}.suggestionName{font-weight:600;color:#222}.suggestionTitle{font-size:.95em;color:#666}.connectBtn{margin-left:auto;background:#0073b1;color:#fff;border:none;border-radius:16px;padding:4px 16px;cursor:pointer;font-size:.95em;font-weight:500;box-shadow:0 2px 8px #0073b122;transition:background .2s,box-shadow .2s}.connectBtn:hover{background:#1a7a5e;box-shadow:0 4px 16px #1a7a5e22}.connectedBtn{margin-left:auto;background:#e0f7fa;color:#1a7a5e;border:none;border-radius:16px;padding:4px 16px;font-size:.95em;font-weight:500;cursor:default}.seeMoreBtn{width:100%;margin-top:8px;background:#f3f6f9;color:#0073b1;border:none;border-radius:12px;padding:8px 0;font-size:1em;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.seeMoreBtn:hover{background:#e0f7fa;color:#1a7a5e}.toolbar{width:100%;max-width:1100px;margin:80px auto 18px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 8px;min-height:56px;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0073b111;position:relative;z-index:2}.iconBtn{background:none;border:none;cursor:pointer;font-size:1.55em;color:#0073b1;display:flex;align-items:center;transition:color .2s,background .2s;border-radius:50%;padding:6px}.iconBtn:hover{background:#e0f7fa;color:#1a7a5e}.searchInput{width:100%;max-width:600px;padding:12px 20px;border:1px solid #b2ebf2;border-radius:24px;font-size:16px;background:#f8fbfc;transition:all .3s ease}.searchInput:focus{outline:none;border-color:#0073b1;background:#fff;box-shadow:0 0 0 3px #0073b11a}.defaultCommunity{background:#fff;border-radius:16px;box-shadow:0 4px 24px #0002;padding:36px 28px 32px;max-width:700px;margin:0 auto 32px;text-align:center}.defaultCommunity h2{color:#0073b1;margin-bottom:12px}.defaultCommunity p{color:#333;margin-bottom:24px;font-size:1.1em}.featuredMembers{margin-bottom:28px}.featuredMembers h3{color:#1a7a5e;margin-bottom:12px}.communityInfo{background:#e0f7fa;border-radius:12px;padding:18px 12px;margin-top:18px;display:inline-block;text-align:left}.communityInfo h4{margin:0 0 8px;color:#0073b1}.communityInfo ul{margin:0;padding-left:18px;color:#222;font-size:1em}.footer{margin-top:40px;background:#fff;border-top:2px solid #e0f7fa;box-shadow:0 -2px 12px #0073b122;padding-bottom:40px}@media (max-width: 900px){.mainContent{flex-direction:column;gap:0;max-width:98vw}.feed{margin-left:0;max-width:100vw}.suggestionsBar{width:100%;margin-left:0;margin-top:24px;position:static;height:auto;max-height:340px}}@media (max-width: 600px){.mainContent{margin-top:20px}.toolbar{padding:10px 3%}.searchInput{padding:8px 12px 8px 36px}.postBox{padding:12px 8px 10px}.feedPost{padding:10px 8px 8px;border-radius:10px}.feedAvatar,.postAvatar{width:36px;height:36px}.suggestionsBar{padding:16px 6px}.defaultCommunity{padding:18px 4px}}.main-heading{text-align:center;font-size:34px;font-weight:800;color:#0f172a;margin-bottom:8px}.main-subheading{text-align:center;font-size:16px;color:#6b7280;margin-bottom:36px}.asset-cards-container{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.asset-card{width:270px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 24px #0f172a0f;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}.asset-card:hover{transform:translateY(-6px);box-shadow:0 16px 36px #0f172a1f}.asset-card-top{background:#f9fafb;height:46px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-bottom:1px solid #e5e7eb}.asset-card-status{font-size:12px;font-weight:700;display:flex;align-items:center;gap:5px}.asset-dot{font-size:18px}.asset-badge{background:#e0f2fe;color:#0284c7;font-size:11px;font-weight:700;padding:4px 12px;border-radius:999px}.asset-card-inner{padding:16px;flex:1;display:flex;flex-direction:column}.asset-card-inner h2{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 6px}.asset-subtitle{font-size:13px;font-weight:500;color:#64748b;margin-bottom:12px}.asset-info-box{background:#f9fafb;padding:12px;border-radius:10px;border:1px solid #e5e7eb;margin-bottom:14px}.asset-info-box p{margin:4px 0;font-size:12px;color:#475569;font-weight:500}.asset-card-buttons{display:flex;gap:10px;margin-top:auto}.asset-card-buttons button{flex:1;padding:8px 12px;font-size:13px;font-weight:600;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#0f172a;cursor:pointer;transition:all .3s ease}.asset-view-button{border-color:#3b82f6;color:#3b82f6}.asset-view-button:hover{background:#3b82f6;color:#fff}.asset-add-button{border-color:#10b981;color:#10b981}.asset-add-button:hover{background:#10b981;color:#fff}.asset-modal-overlay{position:fixed;top:0;left:0;height:100vh;width:100vw;background:#00000080;z-index:999;display:flex;align-items:center;justify-content:center}.asset-modal-content{background:#fff;padding:20px;border-radius:14px;width:90%;position:relative;max-width:440px;max-height:80vh;overflow-y:auto;box-shadow:0 12px 40px #0f172a33;text-align:left}.modal-close-cross{position:absolute;top:10px;right:15px;background:transparent;border:none;font-size:2rem;cursor:pointer;line-height:1;color:#333}.modal-close-cross:hover{color:#f33;background-color:#fff}.transaction-list-section{margin-top:20px;border-top:1px solid #ddd;padding-top:10px}.transaction-list{list-style-type:none;padding:0}.transaction-item{padding:8px;border-bottom:1px solid #eee}.transaction-item p{margin:2px 0}.asset-modal-content textarea{width:100%;min-height:120px;padding:12px;margin-top:10px;border-radius:8px;border:1px solid #e5e7eb;resize:vertical;box-sizing:border-box;font-size:1rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.asset-modal-content textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.asset-modal-content form{margin-top:18px}.asset-modal-content button[type=submit],.asset-close-button,.asset-update-button{background:#fff;border:1px solid #e5e7eb;color:#0f172a;font-weight:600;padding:10px 16px;border-radius:8px;margin-top:12px;cursor:pointer;transition:all .3s ease}.asset-modal-content button[type=submit]:hover{background:#10b981;border-color:#10b981;color:#fff}.asset-close-button{border-color:#ef4444;color:#ef4444}.asset-close-button:hover{background:#ef4444;color:#fff}.asset-update-button{border-color:#f59e0b;color:#f59e0b}.asset-update-button:hover{background:#f59e0b;color:#fff}.tree-photo-gallery{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tree-photo-thumbnail{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:6px}.asset-details-all table{width:100%;border-collapse:collapse;margin-top:10px}.asset-details-all th,.asset-details-all td{border:1px solid #ddd;padding:8px;text-align:left}.asset-details-all th{background-color:#f8f8f8;font-weight:600}.asset-details-all tr:nth-child(2n){background-color:#f9f9f9}.asset-details-all tr:hover{background-color:#f1f1f1}body,.contact,.container{font-family:Roboto,Montserrat,Playfair Display,sans-serif}.contact{padding:8rem 0 4rem;min-height:100vh;background:linear-gradient(135deg,#f0f8f04d,#e8f5e84d)}.container{max-width:1100px;margin:0 auto;padding:2.5rem 2rem 2rem;background:#fff;border-radius:24px;box-shadow:0 8px 32px #20c99721,0 2px 8px #20c9971a}.contact-big-container{background:#fff;border-radius:24px;max-width:1200px;margin:0 auto;box-shadow:0 8px 32px #20c99721;padding:2.5rem 2rem}.contactHeader{text-align:center;margin-bottom:2.5rem}.contactTitle{font-family:Playfair Display,serif;font-size:2.8rem;color:#1b4332;margin-bottom:1.2rem;margin-top:.5rem;text-align:center;letter-spacing:1px;font-weight:700}.contactSubtitle{font-family:Montserrat,sans-serif;font-size:1.2rem;color:#40916c;max-width:600px;margin:0 auto}.contactGrid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start}.contactInfo,.contactForm{background:#f8fff6;border-radius:18px;box-shadow:0 4px 24px #40916c21;padding:2.5rem 2rem;min-width:350px}.infoTitle{font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:600;color:#1b4332;margin-bottom:1rem}.infoDescription{color:#40916c;line-height:1.6;margin-bottom:1.5rem}.contactMap{margin-top:1.5rem;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #40916c21;width:100%;height:220px}.contactMethods{display:flex;flex-direction:column;gap:1.5rem}.contactMethod{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-radius:var(--border-radius-sm);transition:var(--transition-smooth)}.contactMethod:hover{background:#1a7a5e0d}.methodIcon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--gradient-accent);border-radius:50%;color:#fff;flex-shrink:0}.methodInfo h4{font-size:var(--font-size-base);font-weight:600;color:var(--primary-dark);margin-bottom:.25rem}.methodInfo p{font-size:var(--font-size-base);color:var(--neutral-dark);margin-bottom:.25rem}.methodInfo span{font-size:.85rem;color:var(--neutral-medium)}.formTitle{font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:600;color:#1b4332;margin-bottom:1.5rem}.form{display:flex;flex-direction:column;gap:1.3rem}.formRow{display:grid;grid-template-columns:1fr 1fr;gap:2.3rem}.formGroup{position:relative;margin-bottom:.7rem}.formInput,.formSelect,.formTextarea{width:100%;padding:1.1rem 1rem .6rem;border:2px solid #b7e4c7;border-radius:10px;font-size:1rem;background:#fff;font-family:Roboto,sans-serif;transition:border .2s,box-shadow .2s;margin-bottom:.2rem}.formInput:focus,.formSelect:focus,.formTextarea:focus{outline:none;border-color:#40916c;box-shadow:0 0 0 2px #b7e4c7;z-index:2}.formLabel{position:absolute;top:1.1rem;left:1.1rem;color:#6c757d;background:transparent;font-size:1rem;font-family:Montserrat,sans-serif;pointer-events:none;transition:.2s;z-index:3}.formInput:not(:-moz-placeholder)+.formLabel,.formTextarea:not(:-moz-placeholder)+.formLabel{top:-.7rem;left:.8rem;font-size:.85rem;color:#40916c;background:#fff;padding:0 .3rem;z-index:4}.formInput:focus+.formLabel,.formInput:not(:placeholder-shown)+.formLabel,.formTextarea:focus+.formLabel,.formTextarea:not(:placeholder-shown)+.formLabel{top:-.7rem;left:.8rem;font-size:.85rem;color:#40916c;background:#fff;padding:0 .3rem;z-index:4}.selectLabel{position:absolute;top:-.5rem;left:1rem;font-size:.8rem;color:var(--primary-medium);background:var(--white);padding:0 .5rem}.formTextarea{resize:vertical;min-height:120px}.submitButton{background:linear-gradient(90deg,#40916c 60%,#52b788);color:#fff;border:none;padding:1rem 2rem;border-radius:10px;font-size:1.08rem;font-family:Montserrat,sans-serif;font-weight:600;cursor:pointer;transition:background .2s,transform .2s;margin-top:.5rem;letter-spacing:.5px;box-shadow:0 2px 8px #40916c1a}.submitButton:hover{background:linear-gradient(90deg,#2d6a4f 60%,#40916c);transform:translateY(-2px) scale(1.03)}@media (max-width: 900px){.contact-big-container{padding:1.2rem .5rem}.contactGrid{grid-template-columns:1fr;gap:2rem}.contactInfo,.contactForm{min-width:0;width:100%;padding:1.5rem .7rem}}.contactDetails{background-color:#f0fff4;border-radius:12px;padding:16px;margin-top:16px;font-size:.95rem;line-height:1.5;color:#2f4f4f;box-shadow:0 1px 3px #0000001a}.contactDetails strong{color:#1c6e47}body{color:#2d4f2d;font-family:Poppins,sans-serif;display:flex;flex-direction:column;align-items:center;padding:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:100vh;background-image:url(/game/ecovoyage/background.png);background-size:cover;background-position:center;position:relative}#board{margin:0 300px}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#ffffffb3;pointer-events:none;z-index:-1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ecovoyage-game-root{width:100%;max-width:1200px;margin:-20px auto;position:relative}header{display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:10px;position:relative}h1{color:#2e7d32;text-shadow:1px 1px 2px #a5d6a7;font-weight:700;font-size:2.5rem;text-align:center;margin:0}#burgerMenu{position:absolute;right:170%;top:50%;transform:translateY(-50%);background:#a5d6a799;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);border-radius:10px;padding:8px;font-size:24px;color:#2e7d32;cursor:pointer;transition:background-color .3s ease}#burgerMenu:hover{background:#6eb270}#pauseBtn,#restartBtn{position:absolute;top:50%;transform:translateY(-50%);background:#a5d6a766;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);border-radius:8px;padding:8px;font-size:24px;color:#2e7d32;cursor:pointer;transition:background-color .3s ease,transform .3s ease}#pauseBtn{left:85%;margin-top:-1px}#restartBtn{left:90%}#pauseBtn:hover,#restartBtn:hover{background:#a5d6a799}#pauseBtn:focus,#restartBtn:focus{outline:2px solid #4caf50;outline-offset:2px}#pauseBtn.paused{animation:pulse 1.5s ease-in-out infinite;margin-top:-25px}#restartBtn.clicked{animation:scaleClick .3s ease}@keyframes pulse{0%{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.1)}to{transform:translateY(-50%) scale(1)}}@keyframes scaleClick{0%{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.2)}to{transform:translateY(-50%) scale(1)}}#rulesSidebar{position:fixed;top:0;left:-300px;width:280px;height:100%;background:#a5d6a766;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-right:1px solid rgba(255,255,255,.5);padding:20px;box-shadow:2px 0 8px #00000026;z-index:30;transition:left .3s ease;overflow-y:auto}#rulesSidebar.active{left:0}#rulesSidebar h2{color:#2e7d32;font-size:1.5rem;margin-bottom:15px}#rulesSidebar ul{list-style-type:disc;padding-left:20px;color:#1b5e20;font-size:14px;line-height:1.5}#rulesSidebar ul li{margin-bottom:10px}#closeRules{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;color:#2e7d32;cursor:pointer}#closeRules:hover{color:#4caf50}#scoreBoard{background:#a5d6a766;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);border-radius:15px;padding:15px;margin-bottom:15px;max-width:90vmin;width:90%;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;box-shadow:0 4px 12px #00000026}.scoreboard-container{max-width:0%;gap:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:5px 201px 16px 250px}.glass-scoreboard{padding:2px -3px}.player-score{background:#fffc;border-radius:10px;padding:10px;text-align:center;font-size:14px;color:#1b5e20;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.player-score span{font-weight:600}.player-score .emoji{font-size:20px;margin-right:5px}#playerSelection{margin-bottom:20px;display:flex;gap:10px;align-items:center}#playerSelection label{font-size:1.2rem;color:#2e7d32}#playerSelection select{padding:8px;border-radius:8px;border:2px solid #388e3c;font-size:1rem}#startGame{background:#2e7d32;border:none;padding:10px 20px;border-radius:25px;font-size:1rem;color:#a5d6a7;cursor:pointer;transition:background-color .3s ease}#startGame:hover{background:#4caf50}#board{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);gap:2px;background:#1b5e20cc;border-radius:15px;position:relative;box-shadow:0 8px 15px #0003;margin:10px 0;width:73vmin;height:60vmin;-webkit-user-select:none;-moz-user-select:none;user-select:none}#board.question-active .cell{filter:blur(5px)}.cell{background:#a5d6a7dd;border:2px solid #388e3c;display:flex;justify-content:center;align-items:center;font-size:2vmin;color:#1b5e20;font-weight:600;position:relative;box-shadow:inset 0 2px 4px #81c784;border-radius:8px;cursor:default}.cell:nth-child(20n+1),.cell:nth-child(20n+2),.cell:nth-child(20n+3),.cell:nth-child(20n+4),.cell:nth-child(20n+5){background:#c8e6c9ee}.carbon-loss-cell{background-color:#f8d7da!important;border-color:#c82333!important;color:#721c24!important;font-weight:700;position:relative}.carbon-loss-cell[data-loss="Air Pollution"]:after{content:"🏭"}.carbon-loss-cell[data-loss=Deforestation]:after{content:"🪓"}.carbon-loss-cell[data-loss="Melting Ice Caps"]:after{content:"🧊"}.carbon-loss-cell[data-loss="Soil Degradation"]:after{content:"🏜️"}.carbon-loss-cell[data-loss="Ocean Acidification"]:after{content:"🌊"}.carbon-loss-cell:after{position:absolute;top:2px;right:4px;font-size:2.5vmin;pointer-events:none}.natural-resource-cell{background-color:#d4edda!important;border-color:#155724!important;color:#155724!important;font-weight:700;position:relative}.natural-resource-cell[data-resource=Forests]:after{content:"🌳"}.natural-resource-cell[data-resource=Rivers]:after{content:"💧"}.natural-resource-cell[data-resource="Solar Energy"]:after{content:"☀️"}.natural-resource-cell[data-resource="Wind Energy"]:after{content:"🌬️"}.natural-resource-cell[data-resource=Biodiversity]:after{content:"🦋"}.natural-resource-cell[data-resource=Wetlands]:after{content:"🌾"}.natural-resource-cell[data-resource="Clean Air"]:after{content:"💨"}.natural-resource-cell[data-resource="Coral Reefs"]:after{content:"🐠"}.natural-resource-cell[data-resource="Soil Fertility"]:after{content:"🌱"}.natural-resource-cell[data-resource="Geothermal Energy"]:after{content:"🌋"}.natural-resource-cell[data-resource=Grasslands]:after{content:"🌿"}.natural-resource-cell:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;background-size:contain;background-repeat:no-repeat;background-position:center;z-index:5;animation:fadeOut 3s ease forwards;background-image:var(--destination-image)}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}to{opacity:0}}.player{width:4vmin;height:4vmin;border-radius:50%;position:absolute;pointer-events:none;z-index:10;display:flex;justify-content:center;align-items:center;font-size:2.5vmin;box-shadow:0 2px 8px #388e3c88;filter:drop-shadow(0 0 2px #2e7d32);transition:left .4s ease,top .4s ease}#message{margin-top:-10px;color:#2e7d32cc;min-height:28px;font-weight:600;text-align:center;font-size:15px}.flip-card{background-color:transparent;width:54vmin;max-width:440px;height:60vmin;max-height:420px;perspective:1000px}#questionArea,#winCard{position:absolute;top:62%;left:48%;transform:translate(-50%,-50%);z-index:20;display:none;padding:10px;margin-top:35px}.flip-card-inner{position:relative;width:104%;height:93%;text-align:center;transition:transform .6s;transform-style:preserve-3d}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back,#winFront,#winBack{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:15px;box-shadow:0 4px 12px #00000026}.flip-card-front{background:#a5d6a766;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);color:#1b5e20}.flip-card-back{background:#2e7d32bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);color:#a5d6a7;transform:rotateY(180deg)}#questionArea .flip-card-front p{font-size:18px;margin-bottom:10px;padding:0 20px}#questionArea .flip-card-front button{margin:5px;padding:10px 15px;border-radius:8px;border:2px solid #388e3c;background-color:#a5d6a7b3;color:#1b5e20;cursor:pointer;font-size:16px;transition:background-color .3s ease,transform .2s ease}#questionArea .flip-card-front button:hover{background-color:#4caf50;color:#fff;transform:scale(1.05)}#winFront{background:#a5d6a799;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);color:#1b5e20;animation:scaleIn .5s ease forwards}#winBack{background:#ffd70066;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);color:#2e7d32;transform:rotateY(180deg)}#winFront p{font-size:20px;font-weight:600;margin:5px;padding:0 20px}#winBack p{font-size:18px;font-weight:600;margin:5px}#winBack .coin{font-size:24px;animation:sparkle 1.5s ease-in-out infinite}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes sparkle{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}#diceArea{margin:5px auto 0;text-align:center;display:none;position:relative;left:0;right:0;width:90%;justify-content:center;align-items:center;z-index:21}#diceNumber{margin:0 auto;font-size:48px;color:#2e7d32;background-color:#fff;border:2px solid #388e3c;width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:10px;box-shadow:0 4px 8px #0003}.energy-icon{display:block;float:right;margin-top:20px;height:80px;width:80px}#energyIcons{position:absolute;top:15%;right:0;transform:translate(250%);display:flex;flex-direction:column}.energy-icon:hover{transform:scale(1.2)}.tooltip{position:relative;display:inline-block;cursor:pointer}.tooltip .tooltiptext{visibility:hidden;width:140px;background-color:#2e7d32dd;color:#a5d6a7;text-align:center;border-radius:6px;padding:5px 8px;position:absolute;z-index:20;bottom:125%;left:50%;margin-left:-70px;opacity:0;transition:opacity .3s;font-size:13px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tooltip:hover .tooltiptext,.tooltip.active .tooltiptext{visibility:visible;opacity:1}.paused #questionArea button,.paused #startGame,.paused .energy-icon{pointer-events:none;opacity:.6}.paused .player{transition:none}@media (max-width: 480px){html,body{font-size:10px}h1{font-size:6vw}.ecovoyage-game-root{width:100vw;padding:4px}#board{width:96vw;height:96vw}.flip-card{width:96vw;height:76vw}#pauseBtn,#restartBtn,#burgerMenu{font-size:10px;padding:3px 6px}header{flex-direction:column;gap:5px}}@media (max-width: 1200px){.ecovoyage-game-root{max-width:95%}.scoreboard-container{max-width:70%}#energyIcons{transform:translate(200%)}}@media (max-width: 992px){header{flex-wrap:wrap;gap:15px;justify-content:center}#burgerMenu,#pauseBtn,#restartBtn{position:relative;top:auto;left:auto;right:auto;transform:none;margin:0 5px}#energyIcons{position:relative;transform:none;flex-direction:row;justify-content:center;margin:15px 0;order:1}.scoreboard-container{max-width:100%;margin-top:10px}}@media (max-width: 768px){h1{font-size:2rem}#board{width:85vmin;height:85vmin}.flip-card{width:85vmin;height:70vmin}.player-score{font-size:12px;padding:8px}}@media (max-width: 576px){body{padding:10px}h1{font-size:1.5rem}#board{width:95vmin;height:95vmin}.flip-card{width:95vmin;height:75vmin}.player{width:5vmin;height:5vmin}#rulesSidebar{width:250px}.scoreboard-container{grid-template-columns:1fr}}@media (max-height: 600px) and (orientation: landscape){body{padding:5px}#board{width:70vmin;height:70vmin}.flip-card{width:70vmin;height:60vmin}header{margin-bottom:5px}.scoreboard-container{max-width:80%;margin-top:0}}@media (max-width: 360px){h1{font-size:1.3rem}#board{width:100vmin;height:100vmin}.flip-card{width:100vmin;height:80vmin}#rulesSidebar{width:90%}}@media (min-resolution: 192dpi){body:before{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#rulesSidebar,#scoreBoard{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.scoreboard-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:10px 0;max-width:100%}.glass-scoreboard{background:#fff3;border-radius:12px;box-shadow:0 4px 20px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);padding:8px 12px;text-align:center;color:#2d4f2d;transition:transform .3s,box-shadow .3s;min-height:80px}.glass-scoreboard:hover{transform:scale(1.02);box-shadow:0 6px 25px #1f268766}.glass-scoreboard h3{margin:4px 0 8px;font-size:.9rem;font-weight:600;color:#2e7d32;text-shadow:0 1px 3px rgba(46,125,50,.3)}.score-grid{display:flex;justify-content:space-around;align-items:center;gap:8px}.score-item{background:#ffffff26;padding:4px 6px;border-radius:6px;box-shadow:inset 0 0 3px #ffffff2e;display:flex;flex-direction:column;align-items:center;min-width:50px;flex:1}.score-item .label{font-size:.7rem;font-weight:600;color:#388e3c;margin-bottom:2px}.score-item .value{font-size:.9rem;font-weight:700;color:#1b5e20}.score-item .points{font-size:1rem;color:#d4af37;text-shadow:0 0 3px rgba(212,175,55,.4)}@media (max-width: 600px){.scoreboard-container{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.glass-scoreboard{padding:6px 8px;min-height:70px}.glass-scoreboard h3{font-size:.8rem}.score-item .label{font-size:.6rem}.score-item .value{font-size:.8rem}}.bubble-shooter-container{margin:0;padding:20px;background:url(https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1200&q=80) no-repeat center center fixed;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center;background-size:cover;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.bubble-shooter-container h1{color:#0d4b1e;font-size:3em;margin-bottom:.5em;text-shadow:2px 2px 4px rgba(0,0,0,.1);font-weight:700;letter-spacing:1px;background:linear-gradient(to right,#1e8449,#27ae60);-webkit-background-clip:text;background-clip:text;color:transparent;padding:0 20px}.burst-animation{animation:burstEffect .8s ease-out forwards}.burst-animation:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,rgba(255,255,255,.4) 50%,transparent 100%);border-radius:50%;transform:translate(-50%,-50%);animation:burstGlow .8s ease-out forwards}.burst-animation:after{content:"";position:absolute;top:50%;left:50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);animation:burstExplosion .8s ease-out forwards}@keyframes burstEffect{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.8}to{transform:scale(.3);opacity:0}}@keyframes burstGlow{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}to{transform:translate(-50%,-50%) scale(2);opacity:0}}@keyframes burstExplosion{0%{transform:translate(-50%,-50%) scale(0);opacity:.6}30%{transform:translate(-50%,-50%) scale(.8);opacity:.4}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.score{color:#145a32;font-size:1.8em;margin-bottom:.8em;font-weight:600;background-color:#ffffff9f;padding:10px 25px;border-radius:30px;box-shadow:0 4px 8px #0000001a}.instructions{color:#1a5276;font-size:1.3em;margin-bottom:1.5em;max-width:700px;line-height:1.6;background-color:#ffffffb3;padding:15px 25px;border-radius:15px;box-shadow:0 4px 8px #0000001a}.level-selection{margin-bottom:2em;display:flex;gap:20px;justify-content:center}.start-container{max-width:700px;margin:40px auto 24px;background:#ffffff1f;border-radius:18px;box-shadow:0 4px 16px #00000014;padding:32px 28px;text-align:left;color:#145a32;font-family:Poppins,Arial,sans-serif;font-size:1.1em;line-height:1.7}.start-container .level-selection{margin-top:32px;justify-content:center}.level-button{background:linear-gradient(to bottom,#2ecc71,#27ae60);color:#fff;border:none;padding:5px 15px;font-size:1.1em;cursor:pointer;border-radius:10px;box-shadow:0 4px 8px #0003;transition:all .3s ease;font-weight:550;text-transform:uppercase}.level-button:hover{background:linear-gradient(to bottom,#27ae60,#219653);transform:translateY(-3px);box-shadow:0 6px 12px #0003}.level-button:active{transform:translateY(1px)}.level-button:disabled{background:linear-gradient(to bottom,#ccc,#aaa);cursor:not-allowed;transform:none;box-shadow:none}canvas{border:4px solid #145a32;border-radius:10px;background-color:#f8fff8;display:block;margin:0 auto;box-shadow:0 10px 20px #00000026;transition:all .3s ease}canvas:hover{box-shadow:0 15px 30px #0003}.game-over{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000d9;color:#fff;padding:30px 50px;border-radius:15px;text-align:center;box-shadow:0 10px 25px #0000004d;z-index:10}.game-over h2{font-size:2.5em;margin-bottom:20px;color:#e74c3c}.game-over p{font-size:1.8em;margin-bottom:30px}@media (max-width: 768px){.bubble-shooter-container h1{font-size:2em}.score{font-size:1.4em}.instructions{font-size:1.1em;padding:10px 15px}.level-selection{flex-direction:column;gap:10px}.level-button{padding:10px 20px;font-size:1em}canvas{width:95%;height:auto}}@keyframes bubbleFloat{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}html,body,.bubble-shooter-container,.start-container,.game-over,.level-selection,.level-button{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important}.eco-start-screen{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.eco-start-content{max-width:700px;max-height:900px;background:#ffffffb3;padding:35px;border-radius:5px;box-shadow:0 10px 30px #0003;text-align:center}.eco-game-logo{font-size:4rem;margin:20px 0;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.eco-game-about,.eco-game-rules{margin:30px 0;text-align:left;background:#ffffffb3;padding:20px;border-radius:10px}.eco-game-rules ul{padding-left:20px}.eco-game-rules li{margin-bottom:10px}.eco-start-button{padding:10px 20px;font-size:1.2rem;background:#185231;color:#fff;border:none;border-radius:10px;cursor:pointer;margin-top:0;transition:all .3s;box-shadow:0 4px #1f5a3a}.eco-start-button:hover{background:#2c7e52;transform:translateY(-1px);box-shadow:0 6px #1f5a3a}.eco-start-button:active{transform:translateY(2px);box-shadow:0 2px #1f5a3a}.eco-game-footer{margin-top:40px;font-style:italic;color:#555}.eco-memory-game{max-width:750px;margin:0 auto;text-align:center;font-family:Arial,sans-serif;padding:20px;background:#ffffffb3;border-radius:5px;box-shadow:0 8px 32px #05083b26;position:relative;overflow:hidden;z-index:1}body{background-image:url(https://images.unsplash.com/photo-1506765515384-028b60a970df?auto=format&fit=crop&w=1500&q=80);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh;margin:0;padding:0;font-family:Poppins,Arial,sans-serif;font-size:.95rem}.eco-card-front,.eco-card-back{border-radius:2px;transition:all .3s ease;position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;font-size:2.5em}.eco-card-back{background:#2e8b57d9;color:#fff;transform:rotateY(1deg);box-shadow:0 4px 8px #0003}.eco-card-front{background:#ffffffd9;transform:rotateY(180deg);box-shadow:0 4px 8px #0000001a}h1{font-size:2rem;font-family:Poppins,Arial,sans-serif;color:#2c3e50;margin-bottom:20px}.eco-game-settings{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:20px;padding:15px;background:#ffffffe6;border-radius:10px}.eco-game-settings div{display:flex;align-items:center;gap:8px}select{padding:6px 10px;border-radius:4px;border:1px solid #bdc3c7;background:#fff}.eco-game-info{display:flex;justify-content:space-between;align-items:center;color:#fff;padding:10px 20px;margin-bottom:20px;background:#2c3e50e6;border-radius:10px}.eco-game-info div{display:flex;gap:20px}button{padding:8px 16px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:all .3s;font-size:1.2rem;font-family:Poppins,Arial,sans-serif}button:hover{background-color:#2980b9}.eco-sound-controls button{background-color:#9b59b6;font-size:.9rem;padding:6px 8px;border-radius:3px}.eco-sound-controls button:hover{background-color:#8e44ad}.eco-cards-container{display:grid;gap:15px;margin:20px auto;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.eco-card{height:30px;perspective:1000px;cursor:pointer;position:relative;transform-style:preserve-3d;transition:transform .5s}.eco-card.flipped .eco-card-back{transform:rotateY(180deg)}.eco-card.flipped .eco-card-front{transform:rotateY(360deg)}.eco-game-complete{margin:20px 0;padding:20px;color:#fff;animation:pulse 1.5s infinite;background:#2ecc71e6;border-radius:10px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.eco-game-tips{margin-top:20px;font-style:italic;color:#000;text-shadow:0 1px 2px rgba(0,0,0,.2)}@media (max-width: 600px){.eco-cards-container{grid-template-columns:repeat(3,1fr)!important}.eco-game-settings{flex-direction:column;align-items:center}.eco-game-info{flex-direction:column;gap:10px}.eco-game-info div{flex-direction:column;gap:5px}}.eco-sdg-card{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:5px;text-align:center}.eco-sdg-number{font-size:2rem;margin-bottom:5px}.eco-sdg-title{font-size:.8rem;line-height:1}.eco-background-elements{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.eco-leaf{position:absolute;font-size:2rem;opacity:.3;animation:float 15s infinite linear}.eco-leaf-1{top:10%;left:5%;animation-delay:0s}.eco-leaf-2{top:30%;right:8%;animation-delay:3s}.eco-leaf-3{bottom:20%;left:10%;animation-delay:6s}.eco-leaf-4{bottom:40%;right:15%;animation-delay:9s}.eco-solar-panel,.eco-wind-turbine{position:absolute;font-size:3rem;opacity:.1}.eco-solar-panel{bottom:10%;right:5%;animation:pulse 4s infinite alternate}.eco-wind-turbine{top:15%;left:3%;animation:spin 8s infinite linear}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-50px) rotate(180deg)}to{transform:translateY(0) rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.eco-theme-card{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.eco-card-emoji{font-size:2rem;margin-bottom:5px}.eco-card-label{font-size:.8rem;text-align:center;line-height:1.2}.eco-theme-info-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#56ab2ff2;display:flex;justify-content:center;align-items:center;z-index:1000}.eco-theme-info-box{background:#fff;border-radius:20px;padding:2rem;width:80%;max-width:600px;max-height:80vh;overflow-y:auto;animation:fadeIn .5s;box-shadow:0 8px 32px #0003}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.eco-theme-description-card.vertical-layout{font-family:Poppins,Arial,sans-serif}@media (max-width: 900px){.eco-memory-game{max-width:98vw;padding:10px}.eco-start-content{max-width:95vw;padding:18px}.eco-theme-info-box{width:95vw;padding:1rem}}@media (max-width: 600px){.eco-memory-game{max-width:100vw;padding:4vw 2vw;border-radius:0}.eco-start-content{max-width:100vw;padding:10px;border-radius:0}.eco-game-logo{font-size:2.2rem}.eco-game-about,.eco-game-rules{padding:10px;font-size:.95rem}.eco-game-settings{flex-direction:column;gap:10px;padding:8px}.eco-cards-container{grid-template-columns:repeat(2,1fr)!important;gap:8px;margin:10px auto}.eco-card{min-width:60px;min-height:60px;font-size:1.2em}.eco-card-front,.eco-card-back{font-size:1.3em}.eco-game-tips{font-size:.95rem;margin-top:10px}.eco-theme-info-box{width:98vw;padding:.5rem;border-radius:0}}@media (max-width: 400px){.eco-game-logo{font-size:1.3rem}.eco-card-front,.eco-card-back{font-size:1em}}.theme-description-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.theme-description-card.vertical-layout{background:#d6ffe8;border-radius:5px;padding:30px;max-width:400px;width:95%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0003;position:relative;display:flex;flex-direction:column;align-items:center;font-family:Poppins,Arial,sans-serif}.close-button{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;color:#666}.theme-description{margin:20px 0 24px;color:#555;line-height:1.6;text-align:center}.horizontal-carousel{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:20px 0;width:100%}.carousel-nav.left,.carousel-nav.right{background:#2e8b57;color:#fff;border:none;border-radius:50%;width:36px;height:36px;font-size:22px;margin:0 12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s}.carousel-nav.left:hover,.carousel-nav.right:hover{background:#3aa76d}.theme-card.carousel-card.vertical-card{display:flex;flex-direction:column;align-items:center;background:#fff;border-radius:10px;padding:20px 15px;box-shadow:0 2px 5px #0000001a;margin:0 0 10px;min-width:100px;min-height:10px;font-family:Poppins,Arial,sans-serif}.card-emoji{font-size:40px;margin-bottom:12px;margin-right:0}.card-content{display:flex;flex-direction:column;align-items:center}.card-content h3{margin:0 0 8px;color:#2e8b57;text-align:center}.card-content p{margin:0;color:#666;font-size:15px;text-align:center}.carousel-indicator{display:flex;justify-content:center;margin:10px 0}.dot,.active-dot{font-size:22px;margin:0 2px;color:#bbb}.active-dot{color:#2e8b57}.got-it-button{display:block;margin:20px auto 0;padding:10px 25px;background:#2e8b57;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background .3s}.got-it-button:hover{background:#3aa76d}:root{--font-large: 2.2rem;--font-medium: 1.15rem;--font-small: .98rem;--color-bg: #f7fafc;--color-card: #fff;--color-accent1: #b3d8f6;--color-accent2: #ffe5b4;--color-accent3: #ffd6e0;--color-accent4: #c8f7c5;--color-text: #222;--color-number: #7ab6e6;--color-accent1: #e0ffe0;--color-accent2: #e0f7ff;--color-accent3: #fff0e0;--color-accent4: #f0e0ff}.activities-main-bg{min-height:100vh;font-family:Poppins,Arial,sans-serif!important;position:relative;overflow-x:hidden;padding:2rem;display:flex;flex-direction:column;align-items:center}.activities-header{margin-top:10px;width:100%;text-align:center;background-size:cover}.activities-header h2{font-size:var(--font-large);font-weight:700;margin-bottom:.2em;letter-spacing:1px}.activities-header h3{font-size:var(--font-medium);margin-bottom:12px;font-size:1.2rem;font-weight:400;margin-top:.5rem}.activities-header-underline{width:80px;height:4px;background-color:#00a86b;margin:1rem auto;border-radius:5px}.activities-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;width:100%;max-width:1200px}.activity-card{background:#ffffffa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;overflow:hidden;box-shadow:0 8px 20px #0000001a;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:space-between}.activity-card:hover{transform:translateY(-6px);box-shadow:0 12px 25px #00000026}.activity-card-number{font-size:1.2rem;font-weight:600;margin:1rem;color:#444}.activity-card-img-wrap{width:100%;height:180px;overflow:hidden}.activity-card-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.activity-card:hover .activity-card-img{transform:scale(1.05)}.activity-card-content{padding:1rem}.activity-card-title{font-size:1.4rem;font-weight:700;margin-bottom:.5rem}.activity-card-desc{font-size:1rem;color:#444;line-height:1.5}.activities-main-bg:before{content:"";position:absolute;top:0;left:0;right:0;height:220px;background:linear-gradient(120deg,#b3d8f6,#ffe5b4);border-bottom-left-radius:80px 40px;border-bottom-right-radius:120px 60px;z-index:0;opacity:.18}.activities-leaf{position:absolute;z-index:1;pointer-events:none}.leaf-top-right{top:18px;right:32px;width:80px;opacity:.7}.leaf-bottom-left{bottom:0;left:0;width:110px;opacity:.7}@media (max-width: 900px){.activities-cards-container{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);gap:36px;padding:24px 0 0}.activity-card{width:220px;height:220px}}@media (max-width: 600px){.activities-header{margin-top:28px;margin-bottom:18px;padding-left:10px}.activities-cards-container{gap:18px;padding:10px 0 0}.activity-card{width:90vw;max-width:260px;height:180px}}.activity-detail-bg{min-height:80vh;background:#fff;display:flex;flex-direction:column;align-items:center;position:relative;padding:80px 16px 0}.streak-reset{font-size:.9rem;color:#888;margin-left:8px}.activity-detail-content{background:#f6f0ff;border-radius:18px;box-shadow:0 4px 24px #a084e81a;padding:40px 32px 32px;max-width:500px;width:100%;margin-top:150px;text-align:center}.activity-detail-content h2{color:#6c4fa1;font-size:2rem;margin-bottom:12px}.activity-detail-desc{color:#444;font-size:1.1rem;margin-bottom:18px}.activity-detail-details{color:#555;font-size:1rem;margin-bottom:28px}.activity-detail-btn{background:linear-gradient(90deg,#a084e8 60%,#6c4fa1);color:#fff;border:none;border-radius:22px;padding:10px 32px;font-size:1.1rem;font-weight:500;cursor:pointer;box-shadow:0 2px 8px #a084e81a;transition:background .18s,box-shadow .18s}.activity-detail-btn:hover{background:linear-gradient(90deg,#6c4fa1 60%,#a084e8);box-shadow:0 4px 16px #a084e82e}.activity-detail-bg{padding:70px 8px 0}.activity-detail-content{padding:24px 8px 18px;margin-top:60px}.plant-tree-detail-bg{min-height:80vh;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:80px 16px 0;min-height:400px}.plant-tree-detail-bg .streak-tracker{position:absolute;top:24px;right:32px;margin-top:0;z-index:2}.plant-tree-detail-container{display:flex;flex-direction:row!important;align-items:center;justify-content:center;max-width:1800px;width:100%;gap:32px;margin-top:130px}.plant-tree-detail-left{flex:1 1 50%;max-width:50%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-left:32px}.plant-tree-title{font-size:3rem;font-weight:800;margin-bottom:18px;letter-spacing:1.5px}.plant-tree-title span{color:#388e3c}.plant-tree-green-desc{font-size:1.2rem;color:#219150;margin-bottom:32px;max-width:500px;font-weight:500}.plant-tree-btn{background:#185c2b;color:#fff;border:none;border-radius:10px;padding:8px 10px;font-size:1rem;font-weight:500;cursor:pointer;box-shadow:0 2px 8px #1e84491a;transition:background .18s,box-shadow .18s}.plant-tree-btn:hover{background:#388e3c;box-shadow:0 4px 16px #1e84492e}.plant-tree-detail-right{flex:1 1 50%;max-width:50%;display:flex;align-items:center;justify-content:center;position:relative;min-width:400px}.plant-tree-bg-shape{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:600px;height:480px;background:radial-gradient(circle at 60% 40%,#b6e2c6 60%,#e6f7ec);border-radius:48% 52% 60% 40%/60% 40%;z-index:1;filter:blur(.5px);overflow:visible}.plant-tree-img-on-bg{position:relative;width:520px;max-width:90vw;height:auto;border-radius:24px;box-shadow:0 4px 24px #1e84491a;z-index:3;background:transparent}.plant-tree-bubble{position:absolute;border-radius:50%;opacity:.7;z-index:4;animation:floatBubble 6s ease-in-out infinite alternate}.bubble1{animation-delay:0s}.bubble2{animation-delay:2s}.bubble3{animation-delay:1s}.bubble4{animation-delay:3s}.bubble1{width:60px;height:60px;background:#7ed957;left:10px;top:40px}.bubble2{width:36px;height:36px;background:#43a047;right:10px;top:100px}.bubble3{width:24px;height:24px;background:#388e3c;right:20px;bottom:80px}.bubble4{width:40px;height:40px;background:#b6e2c6;left:20px;bottom:60px}.plant-tree-detail-container{flex-direction:column;gap:24px;margin-top:24px}.plant-tree-detail-left,.plant-tree-detail-right{padding-left:0;align-items:center;text-align:center}.plant-tree-title{font-size:2.1rem}.plant-tree-img{max-width:320px}.plant-tree-detail-bg,.plant-tree-detail-bg *{font-family:Poppins,Arial,sans-serif!important}.plant-tree-upload-section{margin:60px auto 0;padding:40px 32px 32px;background:#f6f0ff;border-radius:18px;box-shadow:0 4px 24px #a084e81a;max-width:500px;width:100%;text-align:center}.plant-tree-upload-section h2{color:#24713b;font-size:2rem;margin-bottom:24px;font-weight:700}.plant-tree-upload-form{display:flex;flex-direction:column;gap:18px;align-items:stretch}.plant-tree-upload-form label{color:#185c2b;font-weight:500;text-align:left;margin-bottom:4px}.plant-tree-upload-form input[type=text]{padding:10px 12px;border:1.5px solid #b6e2c6;border-radius:8px;font-size:1rem;margin-top:4px;margin-bottom:8px;font-family:Poppins,Arial,sans-serif}.plant-tree-upload-form input[type=file]{margin-top:8px;margin-bottom:8px}.plant-tree-upload-preview{width:100%;max-width:320px;margin:0 auto 12px;border-radius:12px;box-shadow:0 2px 8px #1e84491a;display:block}.plant-tree-upload-form button{background:#185c2b;color:#fff;border:none;border-radius:10px;padding:10px 0;font-size:1.1rem;font-weight:600;cursor:pointer;margin-top:10px;transition:background .18s,box-shadow .18s}.plant-tree-upload-form button:hover{background:#388e3c}.plant-tree-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#2c3e502e;display:flex;align-items:center;justify-content:center;z-index:3000}.plant-tree-modal{position:relative;background:#fff;border-radius:5px;box-shadow:0 8px 32px #2c3e502e;padding:8px 32px;min-width:340px;max-width:480px;max-height:600px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;align-items:stretch;text-align:center}.plant-tree-modal h2{color:#2b2a2a;margin-bottom:10px;font-size:2rem;font-weight:700}.plant-tree-modal p{color:#185c2b;font-size:1.1rem;margin-bottom:18px}.plant-tree-modal-form{display:flex;flex-direction:column;gap:8px;align-items:stretch;margin-bottom:6px}.plant-tree-modal-form label,.plant-tree-modal-form input,.plant-tree-modal-form select,.plant-tree-modal-form textarea,.plant-tree-modal-form button{font-family:Poppins,Arial,sans-serif!important;font-size:1rem;box-sizing:border-box}.plant-tree-modal-form input,.plant-tree-modal-form select,.plant-tree-modal-form textarea{padding:10px 12px;border:1.5px solid #b6e2c6;border-radius:5px;width:98%;margin:4px auto 8px}.plant-tree-modal-form label{color:#222;font-weight:500;text-align:left;margin-bottom:4px}.plant-tree-modal-form button{background:#185c2b;color:#fff;border:none;border-radius:10px;padding:10px 0;font-size:1.1rem;font-weight:600;cursor:pointer;margin-top:10px;transition:background .18s,box-shadow .18s}.plant-tree-modal-form button:hover{background:#388e3c}.plant-tree-modal-close{position:absolute;top:12px;right:18px;font-size:2rem;color:#185c2b;cursor:pointer;font-weight:700;z-index:10;background:none;border:none;transition:color .18s}.plant-tree-modal-close:hover{color:#e74c3c}.plant-tree-submission-card{margin:40px auto 0;padding:32px 24px 24px;background:#e6f7ec;border-radius:16px;box-shadow:0 2px 12px #24713b1a;max-width:480px;width:100%;text-align:center;font-family:Poppins,Arial,sans-serif}.plant-tree-submission-card h3{color:#24713b;font-size:1.4rem;margin-bottom:18px;font-weight:700}.plant-tree-submission-card div{color:#185c2b;font-size:1.05rem;margin-bottom:8px}.plant-tree-submission-card img,.plant-tree-submission-card video{margin-top:12px;border-radius:10px;max-width:320px;width:100%;box-shadow:0 2px 8px #1e84491a}.plant-tree-reward-streak-row{display:flex;align-items:center;gap:24px;margin-bottom:18px;margin-top:8px}.plant-tree-reward{background:#e6f7ec;color:#24713b;font-weight:600;padding:8px 18px;border-radius:18px;font-size:1.1rem;display:flex;align-items:center;gap:6px}.plant-tree-reward span{font-weight:700;color:#185c2b}.plant-tree-streak{background:#f6f0ff;color:#a084e8;font-weight:600;padding:8px 18px;border-radius:18px;font-size:1.1rem;display:flex;align-items:center;gap:6px}.plant-tree-renew-note{color:#e67e22;font-size:1rem;margin-top:10px;font-weight:500}.plant-tree-btn-row{display:flex;gap:18px;margin-top:18px;align-items:center}.plant-tree-btn-cancel{background:#fff;color:#fff;border:2px solid #e74c3c;font-weight:600;transition:background .18s,color .18s}.plant-tree-btn-cancel:disabled{color:#aaa;border-color:#eee;background:#f8f8f8;cursor:not-allowed}.plant-tree-btn-cancel:hover:not(:disabled){background:#e74c3c;color:#fff}.plant-tree-congrats{margin-top:18px;color:#388e3c;font-size:1.15rem;font-weight:700;background:#e6f7ec;border-radius:12px;padding:12px 18px;box-shadow:0 2px 8px #1e84491a;text-align:center}.plant-tree-theme .plant-tree-bg-shape{background:radial-gradient(circle at 60% 40%,#b6e2c6 60%,#e6f7ec);top:55%}.cleanup-theme .plant-tree-bg-shape{background:radial-gradient(circle at 60% 40%,#b2f7ef 60%,#e0f7fa);margin-top:30px}.eco-commute-theme .plant-tree-bg-shape{background:radial-gradient(circle at 60% 40%,#7ad5ff 60%,#87d9ff)}.plastic-free-theme .plant-tree-bg-shape{background:radial-gradient(circle at 60% 40%,#fff 60%,#fff);margin-top:35px}.plant-tree-theme .plant-tree-bubble{background:#7ed957}.cleanup-theme .plant-tree-bubble{background:#38b48b}.eco-commute-theme .plant-tree-bubble{background:#d8eefe}.plastic-free-theme .plant-tree-bubble{background:#d9b6fa}.plant-tree-theme .plant-tree-title{color:#24713b}.cleanup-theme .plant-tree-title{color:#219b86}.eco-commute-theme .plant-tree-title{color:#5d91b6}.plastic-free-theme .plant-tree-title{color:#965ec4}.plant-tree-theme .plant-tree-btn{background:#185c2b;color:#fff}.cleanup-theme .plant-tree-btn{background:#219b86;color:#fff}.eco-commute-theme .plant-tree-btn{background:#5d91b6;color:#fff}.plastic-free-theme .plant-tree-btn{background:#965ec4;color:#fff}.plant-tree-theme .plant-tree-btn:hover{background:#388e3c;color:#fff}.cleanup-theme .plant-tree-btn:hover{background:#178d87;color:#fff}.eco-commute-theme .plant-tree-btn:hover{background:#0288d1;color:#fff}.plastic-free-theme.plant-tree-btn:hover{background:#e2bb3b;color:#fff}.plant-tree-theme .plant-tree-green-desc{color:#219150}.cleanup-theme .plant-tree-green-desc{color:#218a6a}.eco-commute-theme .plant-tree-green-desc{color:#039be5}.plastic-free-theme .plant-tree-green-desc{color:#965ec4}.cleanup-theme .plant-tree-img-on-bg{margin-top:50px;width:520px;max-width:90vw}.cleanup-theme.plant-tree-detail-bg,.cleanup-theme .plant-tree-detail-bg{background:transparent!important}.eco-commute-theme .plant-tree-bg-shape{display:none!important}.eco-commute-theme .plant-tree-img-on-bg{box-shadow:none!important}.plastic-free-theme.plant-tree-bg-shape{display:none!important}.plastic-free-theme .plant-tree-img-on-bg{box-shadow:none!important}.plant-tree-theme .plant-tree-img-on-bg{margin-top:60px;width:490px;max-width:60vw}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;height:100%;width:100%;overflow-x:hidden;background-color:#fff}.container{width:100%;padding:0 1rem}.hero{background:linear-gradient(135deg,#f0fdf4,#dbeafe);padding:4rem 2rem;text-align:center}.hero-title{font-size:3rem;font-weight:700;margin-bottom:1.5rem;color:#111827}.hero-description{font-size:1.25rem;color:#6b7280;max-width:100%;margin:0 auto 2rem}.badges{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.badge{background-color:#f3f4f6;color:#374151;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500}.section-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:3rem;color:#111827}.why-work-section{padding:4rem 2rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s}.card:hover{box-shadow:0 4px 6px #0000001a}.card-header{margin-bottom:1rem}.card-icon{font-size:2rem;margin-bottom:.5rem}.card-title{font-size:1.25rem;font-weight:600;color:#111827}.card-content p{color:#6b7280}.jobs-section{padding:4rem 2rem;background-color:#f9fafb}.jobs-list{width:100%;display:flex;flex-direction:column;gap:1.5rem}.job-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;transition:box-shadow .2s}.job-card:hover{box-shadow:0 4px 6px #0000001a}.job-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.job-title{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:.5rem}.job-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.875rem}.job-department{background-color:#f3f4f6;color:#374151;padding:.25rem .75rem;border-radius:.375rem;border:1px solid #d1d5db}.job-location{color:#6b7280}.job-type{background-color:#e5e7eb;color:#374151;padding:.25rem .75rem;border-radius:.375rem}.apply-btn{background-color:#16a34a;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:500;cursor:pointer;transition:background-color .2s}.apply-btn:hover{background-color:#15803d}.job-content p{color:#6b7280}.teams-section{padding:4rem 2rem}.teams-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.team-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;text-align:center;transition:box-shadow .2s}.team-card:hover{box-shadow:0 4px 6px #0000001a}.team-icon{font-size:3rem;margin-bottom:1rem}.team-name{font-size:1.25rem;font-weight:600;color:#111827}.team-content p{color:#6b7280}.testimonials-section{padding:4rem 2rem;background-color:#f9fafb}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.testimonial-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem}.testimonial-quote{font-size:1.125rem;margin-bottom:1.5rem;color:#111827;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-image{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.author-name{font-weight:600;color:#111827}.author-role{font-size:.875rem;color:#6b7280}.benefits-section{padding:4rem 2rem}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.benefit-item{display:flex;align-items:flex-start;gap:1rem}.benefit-icon{font-size:2rem;flex-shrink:0;margin-top:.25rem}.benefit-title{font-weight:600;margin-bottom:.5rem;color:#111827}.benefit-description{color:#6b7280}.cta-section{padding:4rem 2rem;background:linear-gradient(135deg,#16a34a,#2563eb);color:#fff;text-align:center}.cta-title{font-size:2rem;font-weight:700;margin-bottom:1.5rem}.cta-description{font-size:1.25rem;max-width:32rem;margin:0 auto 2rem;opacity:.9}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center}.cta-btn{padding:.75rem 1.5rem;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-size:1rem}.cta-btn.primary{background-color:#fff;color:#16a34a}.cta-btn.primary:hover{background-color:#f9fafb}.cta-btn.secondary{background-color:transparent;color:#fff;border:2px solid white}.cta-btn.secondary:hover{background-color:#fff;color:#16a34a}@media (max-width: 768px){.hero-title{font-size:2rem}.hero-description{font-size:1rem}.job-header{flex-direction:column;align-items:stretch}.apply-btn{align-self:flex-start}.section-title{font-size:1.5rem;margin-bottom:2rem}.cards-grid,.teams-grid,.testimonials-grid,.benefits-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:stretch}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333}.case-study-page{min-height:100vh;background-color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}.main-content{max-width:1000px;padding:64px 20px}.header{border-bottom:1px solid #e5e7eb;background-color:#fff}.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.nav-brand{display:flex;align-items:center;gap:8px}.logo{width:32px;height:32px;border-radius:50%;background-color:#16a34a}.logo.small{width:24px;height:24px}.brand-name{font-size:20px;font-weight:700}.nav-links{display:flex;align-items:center;gap:16px}.nav-link{text-decoration:none;color:#6b7280;font-size:14px;transition:color .2s}.nav-link:hover{color:#333}.btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-primary{background-color:#2563eb;color:#fff}.btn-primary:hover{background-color:#1d4ed8}.btn-outline{background-color:transparent;color:#2563eb;border:1px solid #2563eb}.btn-outline:hover{background-color:#2563eb;color:#fff}.btn-large{padding:12px 24px;font-size:16px}.hero{background:linear-gradient(135deg,#f0fdf4,#eff6ff);padding:64px 0}.hero-content{text-align:center;max-width:800px;margin:0 auto}.badge{display:inline-block;padding:4px 12px;background-color:#dcfce7;color:#166534;border-radius:20px;font-size:12px;font-weight:500;margin-bottom:16px}.badge-success{background-color:#dcfce7;color:#166534;padding:2px 8px;border-radius:12px;font-size:12px}.hero-title{font-size:48px;font-weight:700;line-height:1.2;margin-bottom:24px;color:#111827}.hero-description{font-size:20px;color:#6b7280;margin-bottom:32px}.hero-stats{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:8px;background-color:#fff;padding:8px 16px;border-radius:20px;box-shadow:0 1px 3px #0000001a}.stat-icon{font-size:20px}.stat-text{font-weight:600;font-size:14px}.section{margin-bottom:64px}.section-title{font-size:32px;font-weight:700;margin-bottom:32px;color:#111827}.card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.card-header{padding:24px;border-bottom:1px solid #e5e7eb}.card-content{padding:24px}.card-title{font-size:18px;font-weight:600;margin-bottom:8px}.card-title.red{color:#dc2626}.card-title.green{color:#16a34a}.card-description{color:#6b7280;font-size:14px}.client-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px}.client-info{display:flex;align-items:center;gap:16px}.client-logo{width:48px;height:48px;background-color:#2563eb;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.client-name{font-size:20px;font-weight:600;margin-bottom:4px}.client-subtitle{color:#6b7280;font-size:14px}.info-item{display:flex;align-items:center;gap:8px;margin-bottom:16px}.icon{font-size:16px}.goal-item{margin-bottom:16px}.goal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-bar{width:100%;height:8px;background-color:#f3f4f6;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:#16a34a;transition:width .3s ease}.challenge-card{border:1px solid #e5e7eb;border-left:4px solid #dc2626;border-radius:8px;padding:24px}.challenge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.challenge-item{text-align:center}.challenge-icon{font-size:48px;margin-bottom:16px}.challenge-title{font-size:18px;font-weight:600;margin-bottom:8px}.challenge-description{color:#6b7280;font-size:14px}.feature-item{display:flex;gap:12px;padding:16px;margin-bottom:16px;align-items:center stretch;background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;transition:transform .2s ease}.feature-item:hover{transform:translateY(-2px)}.feature-dot{width:10px;height:10px;background-color:#16a34a;border-radius:50%;margin-top:6px;flex-shrink:0}.feature-title{font-weight:600;margin-bottom:4px;font-size:16px;color:#333}.feature-description{color:#6b7280;font-size:14px}.timeline{space-y:32px}.timeline-item{display:flex;align-items:center;gap:16px;margin-bottom:32px}.timeline-number{width:32px;height:32px;background-color:#2563eb;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.timeline-number.completed{background-color:#16a34a}.timeline-content{flex:1}.timeline-title{font-weight:600;margin-bottom:4px}.timeline-description{color:#6b7280;font-size:14px}.timeline-date{color:#6b7280;font-size:14px;flex-shrink:0}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:32px}.result-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px;text-align:center}.result-number{font-size:32px;font-weight:700;margin-bottom:8px}.result-number.green{color:#16a34a}.result-number.blue{color:#2563eb}.result-number.purple{color:#7c3aed}.result-number.orange{color:#ea580c}.result-label{font-weight:500;margin-bottom:4px}.result-sublabel{color:#6b7280;font-size:12px}.chart-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.chart-placeholder{height:256px;background:linear-gradient(90deg,#fef2f2,#fef3c7,#f0fdf4);display:flex;align-items:center;justify-content:center;padding:16px}.chart-content{text-align:center}.chart-icon{font-size:32px;margin-bottom:8px}.chart-text{color:#6b7280;font-size:14px}.testimonial-card{border:1px solid #e5e7eb;border-left:4px solid #16a34a;border-radius:8px;padding:24px}.testimonial-quote{font-size:18px;font-style:italic;margin-bottom:24px;line-height:1.6}.testimonial-author{display:flex;align-items:center;gap:16px}.author-image{width:60px;height:60px;border-radius:50%}.author-name{font-weight:600;margin-bottom:4px}.author-title,.author-company{color:#6b7280;font-size:14px}.cta-card{background:linear-gradient(135deg,#f0fdf4,#eff6ff);border-radius:8px;padding:32px;text-align:center}.cta-title{font-size:24px;font-weight:700;margin-bottom:16px}.cta-description{color:#6b7280;margin-bottom:24px}.cta-buttons{display:flex;justify-content:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.cta-links{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.cta-link{color:#6b7280;text-decoration:none;font-size:14px;transition:color .2s}.cta-link:hover{color:#333}.footer{border-top:1px solid #e5e7eb;background-color:#f9fafb;padding:32px 0}.footer-content{display:flex;align-items:center;justify-content:space-between}.footer-brand{display:flex;align-items:center;gap:8px}.footer-text{color:#6b7280;font-size:14px}@media (max-width: 768px){.hero-title{font-size:32px}.hero-description{font-size:18px}.client-grid,.solution-grid,.before-after-grid{grid-template-columns:1fr}.timeline-item{flex-direction:column;align-items:flex-start;text-align:left}.results-grid{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}.footer-content{flex-direction:column;gap:16px;text-align:center}.cta-buttons{flex-direction:column;align-items:center}.cta-links{flex-direction:column;gap:16px}}@media (max-width: 480px){.container,.main-content{padding-left:16px;padding-right:16px}.hero{padding:32px 0}.section{margin-bottom:48px}.section-title{font-size:24px}.results-grid{grid-template-columns:1fr}.hero-stats{flex-direction:column}}