html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;color:#2c3e50;background-color:#f8f9fa;min-height:100vh}#root{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;color:#2c3e50;background-color:#f8f9fa}.App{min-height:100vh}:root{--primary-green: #2d5016;--secondary-green: #4a7c2a;--accent-green: #7cb342;--light-green: #aed581;--earth-brown: #8d6e63;--light-brown: #d7ccc8;--cream: #f3e5ab;--white: #ffffff;--text-dark: #2c3e50;--text-light: #ecf0f1;--shadow: rgba(0, 0, 0, .1)}h1,h2,h3,h4,h5,h6{font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--primary-green);margin-bottom:1rem}a{color:var(--secondary-green);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-green)}.btn,.cta-button,.submit-btn,.filter-btn{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,var(--secondary-green),var(--accent-green));color:var(--white);border:none;border-radius:25px;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;box-shadow:0 4px 15px var(--shadow)}.btn:hover,.cta-button:hover,.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow);background:linear-gradient(135deg,var(--accent-green),var(--secondary-green))}section{padding:80px 0}.container{max-width:1200px;margin:0 auto;padding:0 20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-in}.fade-in-up{animation:fadeInUp .8s ease-out}@media (max-width: 768px){section{padding:60px 0}.container{padding:0 15px}h1{font-size:2rem}h2{font-size:1.8rem}}@media (max-width: 480px){section{padding:40px 0}h1{font-size:1.8rem}h2{font-size:1.6rem}.btn,.cta-button,.submit-btn{padding:10px 20px;font-size:14px}}.header{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px var(--shadow);z-index:1000;transition:all .3s ease}.header-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:80px;gap:6rem}.logo{display:flex;align-items:center}.logo h1{font-size:1.8rem;font-weight:700;margin:0;margin-left:10rem;white-space:nowrap;background:linear-gradient(135deg,var(--primary-green),var(--secondary-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav{display:flex;gap:2rem}.nav a{color:var(--text-dark);font-weight:500;padding:8px 16px;border-radius:20px;transition:all .3s ease;position:relative}.nav a:hover{color:var(--accent-green);background:#7cb3421a}.nav a:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--accent-green);transition:width .3s ease}.nav a:hover:after{width:100%}@media (max-width: 768px){.header-container{height:70px;padding:0 15px}.logo h1{font-size:1.5rem}.nav{gap:1rem}.nav a{font-size:14px;padding:6px 12px}}@media (max-width: 480px){.header-container{flex-direction:column;height:auto;padding:15px;gap:0}.logo{flex-direction:column}.logo h1{display:none;margin-left:0}.nav{margin-top:10px;flex-wrap:wrap;justify-content:center;gap:.5rem}.nav a{font-size:16px;padding:6px 10px}}.hero{margin-top:80px;background:linear-gradient(135deg,var(--cream) 0%,var(--light-green) 100%);padding:100px 0;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-size:100% 100%;pointer-events:none}.hero-content{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-text h1{font-size:3.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,var(--primary-green),var(--secondary-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .8s ease-out}.hero-subtitle{font-size:1.5rem;color:var(--secondary-green);font-weight:600;margin-bottom:1.5rem;animation:fadeInUp .8s ease-out .2s both}.hero-description{font-size:1.1rem;color:var(--text-dark);margin-bottom:2rem;line-height:1.8;animation:fadeInUp .8s ease-out .4s both}.cta-button{margin-top:1rem;padding:15px 30px;font-size:18px;animation:fadeInUp .8s ease-out .6s both}.hero-image{position:relative;animation:fadeIn 1s ease-out .8s both;cursor:pointer}.hero-image img{width:100%;height:400px;object-fit:cover;border-radius:20px;box-shadow:0 20px 40px var(--shadow);transition:transform .3s ease}.hero-image:hover img{transform:scale(1.05)}.hero-image:after{content:"";position:absolute;inset:-20px 20px 20px -20px;background:linear-gradient(135deg,var(--accent-green),var(--secondary-green));border-radius:20px;z-index:-1;opacity:.3}@media (max-width: 968px){.hero{margin-top:70px;padding:80px 0}.hero-content{grid-template-columns:1fr;gap:3rem;text-align:center}.hero-text h1{font-size:2.8rem}.hero-subtitle{font-size:1.3rem}}@media (max-width: 768px){.hero{padding:60px 0}.hero-content{gap:2rem}.hero-text h1{font-size:2.2rem}.hero-subtitle{font-size:1.2rem}.hero-description{font-size:1rem}.hero-image img{height:300px}}@media (max-width: 480px){.hero{margin-top:0;padding:200px 0 40px}.hero-content{padding:0 15px;gap:1.5rem}.hero-text h1{font-size:1.8rem}.hero-subtitle{font-size:1.1rem}.hero-description{font-size:.9rem}.hero-image{display:none}}.hero .lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.hero .lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero .lightbox-content img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #00000080}.hero .lightbox-close{position:absolute;top:20px;right:30px;background:#fff3;border:2px solid var(--white);color:var(--white);font-size:3rem;width:60px;height:60px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;line-height:1;padding:0;z-index:10001}.hero .lightbox-close:hover{background:var(--white);color:var(--primary-green);transform:rotate(90deg)}@media (max-width: 768px){.hero .lightbox-close{top:10px;right:10px;width:50px;height:50px;font-size:2.5rem}}@media (max-width: 480px){.hero .lightbox-close{top:5px;right:5px;width:40px;height:40px;font-size:2rem}}.about{background:var(--white);position:relative}.about:before{content:"";position:absolute;top:0;left:0;right:0;height:100px;background-size:100% 100%}.about-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:400px 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.about-image{position:relative;cursor:pointer}.about-image img{width:100%;height:500px;object-fit:cover;border-radius:20px;box-shadow:0 20px 40px var(--shadow);transition:transform .3s ease}.about-image:hover img{transform:scale(1.05)}.about-image:after{content:"";position:absolute;inset:-15px 15px 15px -15px;background:linear-gradient(135deg,var(--earth-brown),var(--light-brown));border-radius:20px;z-index:-1;opacity:.6}.about-content h2{font-size:2.5rem;margin-bottom:2rem;color:var(--primary-green)}.about-text p{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;color:var(--text-dark)}.skills{margin-top:2rem;padding:2rem;background:linear-gradient(135deg,var(--light-green),var(--cream));border-radius:15px;border-left:5px solid var(--accent-green)}.skills h3{color:var(--primary-green);margin-bottom:1.5rem;font-size:1.3rem}.skills ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.skills li{padding:.5rem 0;font-size:1rem;color:var(--text-dark);display:flex;align-items:center;gap:.5rem}.skills li:before{content:"🌿";font-size:1.2rem}@media (max-width: 968px){.about-container{grid-template-columns:1fr;gap:3rem;text-align:center}.about-image{max-width:400px;margin:0 auto}.about-content h2{font-size:2.2rem}}@media (max-width: 768px){.about-container{gap:2rem}.about-image img{height:400px}.about-content h2{font-size:2rem}.about-text p{font-size:1rem}.skills ul{grid-template-columns:1fr}}@media (max-width: 480px){.about-container{padding:0 15px;gap:1.5rem}.about-image{max-width:100%}.about-image img{height:300px}.about-content h2{font-size:1.8rem}.about-text p{font-size:.9rem}.skills{padding:1.5rem}.skills h3{font-size:1.2rem}.skills li{font-size:.9rem}}.about .lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.about .lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.about .lightbox-content img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #00000080}.about .lightbox-close{position:absolute;top:20px;right:30px;background:#fff3;border:2px solid var(--white);color:var(--white);font-size:3rem;width:60px;height:60px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;line-height:1;padding:0;z-index:10001}.about .lightbox-close:hover{background:var(--white);color:var(--primary-green);transform:rotate(90deg)}@media (max-width: 768px){.about .lightbox-close{top:10px;right:10px;width:50px;height:50px;font-size:2.5rem}}@media (max-width: 480px){.about .lightbox-close{top:5px;right:5px;width:40px;height:40px;font-size:2rem}}.gallery{background:linear-gradient(135deg,var(--light-brown) 0%,var(--cream) 50%,var(--white) 100%);position:relative}.gallery:before{content:"";position:absolute;top:0;left:0;right:0;height:100px;background-size:100% 100%}.gallery-container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.gallery h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--primary-green)}.category-filters{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{background:var(--white);color:var(--primary-green);border:2px solid var(--accent-green);padding:10px 20px;border-radius:25px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;cursor:pointer}.filter-btn:hover{background:var(--accent-green);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 15px var(--shadow)}.filter-btn.active{background:linear-gradient(135deg,var(--secondary-green),var(--accent-green));color:var(--white);border-color:var(--secondary-green)}.category-description{text-align:center;margin:2rem auto 1rem;padding:0 1rem;max-width:800px}.category-description p{color:var(--text-dark);font-size:1.1rem;line-height:1.6;font-style:italic;margin:0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.project-card{background:var(--white);border-radius:15px;overflow:hidden;box-shadow:0 10px 30px var(--shadow);transition:all .3s ease;animation:fadeInUp .6s ease-out}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px var(--shadow)}.project-image{position:relative;overflow:hidden;height:250px}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image img{transform:scale(1.1)}.project-image:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 0%,var(--accent-green) 100%);opacity:0;transition:opacity .3s ease}.project-card:hover .project-image:after{opacity:.3}.project-caption{padding:1.5rem}.project-caption p{color:var(--text-dark);font-size:1rem;line-height:1.6;margin:0;font-weight:500}@media (max-width: 768px){.gallery h2{font-size:2rem;margin-bottom:2rem}.category-filters{gap:.5rem;margin-bottom:2rem}.filter-btn{padding:8px 16px;font-size:12px}.category-description p{font-size:1rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.project-image{height:200px}.project-caption{padding:1rem}.project-caption p{font-size:.9rem}}@media (max-width: 480px){.gallery-container{padding:0 15px}.gallery h2{font-size:1.8rem}.category-filters{flex-direction:column;align-items:center;gap:.8rem}.filter-btn{width:80%;max-width:200px}.category-description p{font-size:.95rem}.projects-grid{grid-template-columns:1fr;gap:1rem}.project-image{height:180px}.project-caption{padding:.8rem}.project-caption p{font-size:.85rem}}.show-more-container{display:flex;justify-content:center;margin-top:2rem;padding:1rem 0}.show-more-btn{background:linear-gradient(135deg,var(--secondary-green),var(--accent-green));color:var(--white);border:none;padding:15px 40px;border-radius:25px;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px var(--shadow)}.show-more-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow);background:linear-gradient(135deg,var(--accent-green),var(--secondary-green))}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.lightbox-content img{max-width:100%;max-height:85vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #00000080}.lightbox-caption{background:#fffffff2;color:var(--text-dark);padding:1rem 2rem;border-radius:8px;margin-top:1rem;font-size:1.1rem;font-weight:500;text-align:center;max-width:600px}.lightbox-close{position:absolute;top:20px;right:30px;background:#fff3;border:2px solid var(--white);color:var(--white);font-size:3rem;width:60px;height:60px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;line-height:1;padding:0;z-index:10001}.lightbox-close:hover{background:var(--white);color:var(--primary-green);transform:rotate(90deg)}.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);background:#fff3;border:2px solid var(--white);color:var(--white);font-size:3rem;width:60px;height:60px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;line-height:1;padding:0;z-index:10001}.lightbox-prev{left:30px}.lightbox-next{right:30px}.lightbox-prev:hover,.lightbox-next:hover{background:var(--white);color:var(--primary-green);transform:translateY(-50%) scale(1.1)}.project-card{cursor:pointer}@media (max-width: 768px){.lightbox-content img{max-height:70vh}.lightbox-caption{font-size:1rem;padding:.8rem 1.5rem;margin-top:.8rem}.lightbox-close{top:10px;right:10px;width:50px;height:50px;font-size:2.5rem}.lightbox-prev,.lightbox-next{width:50px;height:50px;font-size:2.5rem}.lightbox-prev{left:10px}.lightbox-next{right:10px}}@media (max-width: 480px){.lightbox-content img{max-height:60vh}.lightbox-caption{font-size:.9rem;padding:.6rem 1rem;margin-top:.6rem}.lightbox-close{top:5px;right:5px;width:40px;height:40px;font-size:2rem}.lightbox-prev,.lightbox-next{width:40px;height:40px;font-size:2rem}.lightbox-prev{left:5px}.lightbox-next{right:5px}}.contact{background:var(--white);position:relative}.contact:before{content:"";position:absolute;top:0;left:0;right:0;height:100px;background-size:100% 100%}.contact-container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.contact h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--primary-green)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-info{background:linear-gradient(135deg,var(--light-green),var(--cream));padding:2.5rem;border-radius:20px;box-shadow:0 15px 35px var(--shadow)}.contact-info h3{color:var(--primary-green);font-size:1.5rem;margin-bottom:2rem;text-align:center}.contact-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding:1rem;background:#ffffffb3;border-radius:10px;transition:all .3s ease}.contact-item:hover{background:#ffffffe6;transform:translateY(-2px)}.contact-item .icon{font-size:1.5rem;min-width:30px}.contact-item strong{color:var(--primary-green);font-size:1.1rem;display:block;margin-bottom:.5rem}.contact-item p{color:var(--text-dark);margin:0;line-height:1.6}.contact-form{background:var(--white);padding:2.5rem;border-radius:20px;box-shadow:0 15px 35px var(--shadow);border:1px solid rgba(124,179,66,.2)}.contact-form h3{color:var(--primary-green);font-size:1.5rem;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:var(--primary-green);font-weight:600;margin-bottom:.5rem;font-size:1rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid rgba(124,179,66,.3);border-radius:10px;font-size:16px;font-family:inherit;transition:all .3s ease;background:var(--white)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-green);box-shadow:0 0 0 3px #7cb3421a}.form-group textarea{resize:vertical;min-height:120px}.character-count{text-align:right;font-size:.9rem;color:var(--secondary-green);margin-top:.3rem;font-style:italic}.captcha-container{display:flex;justify-content:center;margin:1.5rem 0}.submit-btn{width:100%;margin-top:1rem;font-size:16px;padding:15px}.submit-btn:hover:not(:disabled){transform:translateY(-2px)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 968px){.contact-content{grid-template-columns:1fr;gap:3rem}.contact h2{font-size:2.2rem}}@media (max-width: 768px){.contact h2{font-size:2rem;margin-bottom:2rem}.contact-content{gap:2rem}.contact-info,.contact-form{padding:2rem}.contact-info h3,.contact-form h3{font-size:1.3rem}.contact-item{padding:.8rem;margin-bottom:1.5rem}.contact-item strong{font-size:1rem}}@media (max-width: 480px){.contact-container{padding:0 15px}.contact h2{font-size:1.8rem}.contact-info,.contact-form{padding:1.5rem}.contact-info h3,.contact-form h3{font-size:1.2rem;margin-bottom:1.5rem}.contact-item{flex-direction:column;align-items:center;text-align:center;padding:1rem}.contact-item .icon{align-self:center;margin-bottom:.5rem}.contact-item>div{display:flex;flex-direction:column;align-items:center;width:100%}.form-group{margin-bottom:1rem}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;font-size:14px}.submit-btn{padding:12px;font-size:14px}}.footer{background:linear-gradient(135deg,var(--primary-green),var(--secondary-green));color:var(--text-light);position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:100px;background-size:100% 100%}.footer-container{max-width:1200px;margin:0 auto;padding:60px 20px 20px;position:relative;z-index:1}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:2rem}.footer-section h4{color:var(--cream);font-size:1.3rem;margin-bottom:1.5rem;font-weight:600}.footer-section p{color:var(--text-light);line-height:1.6;margin-bottom:.8rem;opacity:.9}.footer-section ul{list-style:none}.footer-section ul li{color:var(--text-light);margin-bottom:.5rem;opacity:.9;position:relative;padding-left:1rem}.footer-section ul li:before{content:"🌿";position:absolute;left:0;font-size:.8rem}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2)}.footer-bottom p{color:var(--text-light);opacity:.8;margin:0;font-size:.9rem}@media (max-width: 768px){.footer-container{padding:40px 20px 20px}.footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-section h4{font-size:1.2rem;margin-bottom:1rem}.footer-section ul li{padding-left:0}.footer-section ul li:before{position:static;margin-right:.5rem}}@media (max-width: 480px){.footer-container{padding:30px 15px 15px}.footer-content{gap:1.5rem}.footer-section h4{font-size:1.1rem}.footer-section p,.footer-section ul li{font-size:.9rem}.footer-bottom{padding-top:1.5rem}.footer-bottom p{font-size:.8rem}}