.hero-video-section{width:100%;height:100vh;margin-top:-110px;padding-top:110px;position:relative;overflow:hidden}.hero-video{object-fit:cover;object-position:center;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.overlay-layer{z-index:1;background:#00000080;position:absolute;inset:0}.wave{z-index:2;width:100%;height:80px;position:absolute;bottom:0;left:0;overflow:hidden}.wave svg{width:100%;height:100%;display:block}.hero-content{z-index:3;text-align:center;color:#fff;height:100%;margin-top: ;flex-direction:column;justify-content:center;align-items:center;padding:0 1rem;display:flex;position:relative}.hero-title{letter-spacing:.05em;color:#fff;text-shadow:0 2px 4px #00000080,0 4px 10px #0003;margin-bottom:1rem;font-family:GreenlyBold,sans-serif;font-size:5rem;display:inline-block;position:relative;overflow:hidden}.hero-title:before{content:"";transform-origin:0;background-color:#73d13d;width:4px;height:100%;position:absolute;top:50%;left:-1.5rem;transform:translateY(-50%)scaleX(0)}.hero-title .word{opacity:0;display:inline-block}
.fadeIn{justify-content:center;align-items:center;padding:2rem;animation:1s ease-out both fadeInUp;display:flex}.big-green-button{cursor:pointer;background:0 0;border:none;outline:none;width:100%;max-width:400px;height:160px;padding:0;position:relative;overflow:hidden}.button-svg{width:100%;height:100%;display:block}.fill-shape{fill:#647650;filter:drop-shadow(0 4px 10px #0009);transition:fill .3s;transform:translateY(0)}.button-text{color:#fff;pointer-events:none;text-shadow:2px 2px 4px #000000b3;white-space:nowrap;font-size:2.5rem;font-weight:700;transition:transform .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.mission-section{text-align:center;direction:rtl;background-color:#fdf6ee;padding:4rem 1rem}.mission-section .mission-container{flex-direction:column;align-items:center;max-width:900px;margin:0 auto;padding:0 1rem;display:flex}.mission-text{all:unset;color:#0c4426;margin-bottom:2rem;font-family:Greenly,sans-serif;font-size:1.75rem;line-height:1.9}.mission-text .brand:after{content:"";display:inline-block}.gsap-mission-button{border-radius:999px;width:200px;font-weight:500}body[data-theme=dark] .mission-section{background-color:#1c1c1c}body[data-theme=dark] .mission-text{color:#e5f7df}.mission-text .brand{color:#73aa64;font-weight:700;transition:transform .3s;display:inline-block}.gsap-mission-button{transition:transform .2s}.gsap-mission-button:hover{transform:scale(1.03)}@keyframes shimmer{0%{text-shadow:0 0 #73aa6400}50%{text-shadow:0 0 10px #73aa64cc}to{text-shadow:0 0 #73aa6400}}body[data-theme=dark] .mission-text .brand{color:#b0ffaf}.mission-text .brand.shimmer{animation:2.4s ease-in-out infinite shimmer}
.fresh-start-section{direction:rtl;background:#fdf6ee;padding:4rem 2rem}body[data-theme=dark] .fresh-start-section{background:#1a1a1a}.fresh-text{text-align:right;padding:1rem}.fresh-title{color:var(--greenly-title-color);font-size:2.5rem}.fresh-paragraph{color:#4a4a4a}body[data-theme=dark] .fresh-paragraph{color:#ccc}.fresh-list .ant-list-item{color:#4a4a4a;background:0 0;border:none;padding-inline:0}body[data-theme=dark] .fresh-list .ant-list-item{color:#bbb}.dot{color:#6a8f60}.list-item-text{color:inherit}.fresh-button{margin-top:1.5rem}.fresh-image{text-align:center;padding:1rem}.fresh-image-img{object-fit:cover;border-radius:0 0 200px 200px;width:100%;max-width:500px}
.how-it-works-section{color:#fff;text-align:center;direction:rtl;background-color:#6a8f60;padding:4rem 2rem}body[data-theme=dark] .how-it-works-section{color:#e4e4e4;background:#2c4030}.how-it-works-section h2{margin-bottom:2.5rem;font-size:2rem;font-weight:600}.steps{flex-wrap:wrap;justify-content:center;gap:2rem;padding-top:1rem;display:flex}.step{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0f;border-radius:12px;flex:250px;max-width:300px;padding:1.5rem 1rem;transition:transform .4s,box-shadow .3s,background .3s}.step:hover{background:#ffffff1f;transform:translateY(-10px)rotate(-1deg)scale(1.03);box-shadow:0 12px 24px #00000026}.step-image{justify-content:center;align-items:center;height:80px;margin-bottom:1rem;display:flex}.step-image img{transition:transform .3s ease-in-out}.step:hover .step-image img{transform:scale(1.1)rotate(4deg)}.step h3{margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.step p{color:#f0f0f0;margin:0;font-size:.95rem;line-height:1.6}body[data-theme=dark] .step p{color:#d4d4d4}@media (max-width:768px){.how-it-works-section{padding:3rem 1rem}.step{max-width:100%}.step h3{font-size:1.15rem}.step p{font-size:.9rem}}.how-title{color:#fff;margin-bottom:1rem;font-family:GreenlyBold,sans-serif;font-size:3rem}
.quiz-intro-section{direction:rtl;background:#fdf6ee;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;padding:4rem 2rem;display:flex}.quiz-text{flex:1;max-width:600px;padding:1rem}.quiz-text h1{letter-spacing:.05em;color:var(--greenly-title-color);margin-bottom:1rem;font-family:Greenly,sans-serif;font-size:3rem}.quiz-text p{color:#4a4a4a;font-size:1.1rem;line-height:1.8}.quiz-text .highlight{margin:1rem 0}.quiz-btn{border-radius:999px;padding:.8rem 2rem;transition:transform .3s,background .3s}.quiz-btn:hover{transform:scale(1.05)}.quiz-image{text-align:center;flex:1;max-width:500px}.quiz-image img{object-fit:cover;border-radius:0 0 120px 120px;width:100%}body[data-theme=dark] .quiz-intro-section{background:#1f1f1f}body[data-theme=dark] .quiz-text h2{color:#91d891}body[data-theme=dark] .quiz-text,body[data-theme=dark] .quiz-text p{color:#dcdcdc}@media (max-width:768px){.quiz-intro-section{text-align:center;flex-direction:column;padding:3rem 1.5rem}.quiz-text h2{font-size:1.75rem}.quiz-text p{font-size:1rem}}@keyframes bounceButton{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulseButton{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.quiz-btn.bounce{animation:1.6s ease-in-out infinite bounceButton}.quiz-btn.pulse{animation:1.4s ease-in-out infinite pulseButton}.quiz-btn{position:relative;overflow:hidden}.quiz-btn:before{content:"";background:linear-gradient(120deg,#ffffff1a 0%,#fff6 50%,#ffffff1a 100%);width:50%;height:100%;position:absolute;top:0;left:-75%;transform:skew(-20deg)}.quiz-btn:hover:before{animation:1s ease-out shimmer}@keyframes shimmer{0%{left:-75%}to{left:125%}}
.testimonial-carousel{text-align:center;direction:rtl;max-width:900px;margin:0 auto;padding:4rem 1rem;transition:background .3s}body[data-theme=dark] .testimonial-carousel{color:#f0f0f0;background-color:#121212}.carousel-title{margin-bottom:1rem;font-size:2.5rem;font-weight:700}.carousel-subtitle{color:#666;margin-bottom:2rem}body[data-theme=dark] .carousel-subtitle{color:#aaa}.carousel-card{background:#fff;border-radius:12px;padding:2rem;transition:all .3s;position:relative;box-shadow:0 8px 30px #0000000d}body[data-theme=dark] .carousel-card{color:#e5e5e5;background:#1f1f1f;box-shadow:0 8px 20px #0000004d}.carousel-avatar{object-fit:cover;border:2px solid #ccc;border-radius:999px;width:60px;height:60px;margin-left:1rem}.carousel-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.carousel-stars .star{color:#f7c948;margin:0 2px}.carousel-text{margin-top:1rem;font-size:1.1rem;font-style:italic;line-height:1.7}.verified{color:#888;margin-top:1rem;font-size:.85rem}.quote-bg{color:#4d664533;font-size:3rem;position:absolute;top:-1.5rem;left:1.5rem}.carousel-controls{justify-content:center;align-items:center;gap:1rem;margin-top:2rem;display:flex}.carousel-controls button{color:#4d6645;cursor:pointer;background:0 0;border:2px solid #4d6645;border-radius:999px;padding:.2rem 1rem;font-size:1.4rem}body[data-theme=dark] .carousel-controls button{color:#91d891;border-color:#91d891}.dots{gap:8px;display:flex}.dot{cursor:pointer;background:#ccc;border-radius:50%;width:10px;height:10px;transition:background .3s}.dot.active{background:#4d6645}body[data-theme=dark] .dot{background:#555}body[data-theme=dark] .dot.active{background:#91d891}