*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333}.header{background:#fff;color:#333;padding:1rem 0;box-shadow:0 2px 10px #00000014;border-bottom:3px solid #7EC255}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:1rem;font-size:1.5rem;font-weight:300;letter-spacing:2px;color:#7ec255;text-transform:uppercase}.logo-icon{width:50px;height:50px;background:#7ec255;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;position:relative}.logo-icon:before{content:"";position:absolute;inset:-5px;border-radius:50%;background:#7ec255;opacity:.3;z-index:-1;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.1}}nav ul{display:flex;list-style:none;gap:2rem}nav a{color:#555;text-decoration:none;transition:all .3s;font-weight:500}nav a:hover{color:#7ec255}.hero{background:linear-gradient(135deg,#7ec255,#6ab045);color:#fff;padding:6rem 2rem;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:#ffffff1a;border-radius:50%}.hero:after{content:"";position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:#ffffff14;border-radius:50%}.hero h1{font-size:3.5rem;margin-bottom:1rem;animation:fadeInUp .8s ease-out;font-weight:300;letter-spacing:3px;text-transform:uppercase;position:relative;z-index:1}.hero p{font-size:1.3rem;margin-bottom:2rem;opacity:.95;animation:fadeInUp .8s ease-out .2s both;font-weight:300;position:relative;z-index:1}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp .8s ease-out .4s both;position:relative;z-index:1}.btn{padding:1rem 2rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s}.btn-primary{background:#fff;font-weight:600}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #7ec2554d}.btn-secondary{background:transparent;color:#fff;border:2px solid white}.btn-secondary:hover{background:#ffffff1a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.features{max-width:1200px;margin:4rem auto;padding:0 2rem}.features h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#7ec255;font-weight:300;letter-spacing:2px;text-transform:uppercase}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{padding:2rem;border-radius:16px;background:#fff;transition:all .3s;border:2px solid #f0f0f0}.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #7ec25526;border-color:#7ec255}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:#7ec255;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.showcase{background:linear-gradient(135deg,#f8f9fa,#fff);padding:4rem 2rem;margin:4rem 0}.showcase-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.showcase-image{background:linear-gradient(135deg,#7ec255,#6ab045);height:400px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:4rem;color:#fff;box-shadow:0 20px 60px #7ec2554d}.community{max-width:1200px;margin:4rem auto;padding:0 2rem;text-align:center}.community h2{font-size:2.5rem;margin-bottom:2rem;color:#7ec255;font-weight:300;letter-spacing:2px;text-transform:uppercase}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:3rem}.stat{padding:2rem}.stat-number{font-size:3rem;font-weight:700;color:#7ec255}.stat-label{color:#666;margin-top:.5rem}.developer-section{background:#f8f9fa;padding:4rem 2rem;margin-top:4rem}.developer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr;gap:4rem;align-items:center}.developer-info{text-align:center}.developer-avatar{width:120px;height:120px;margin:0 auto 1rem;background:linear-gradient(135deg,#7ec255,#6ab045);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #7ec2554d}.developer-links{margin-top:1.5rem;display:flex;justify-content:center;flex-wrap:wrap}.developer-links a:hover{opacity:.7;transform:translateY(-2px);transition:all .3s}.donation-box{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 40px #00000014;text-align:center;border:2px solid #7EC255}.qr-code{display:flex;justify-content:center;margin:1.5rem 0;padding:1rem;background:#fff;border-radius:12px}footer{background:#2c3e40;color:#fff;padding:3rem 2rem;margin-top:0}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.footer-section h3{margin-bottom:1rem;color:#7ec255}.footer-section p{color:#fffc;line-height:1.6}.footer-section a{color:#fffc;text-decoration:none;display:block;margin-bottom:.5rem;transition:color .3s}.footer-section a:hover{color:#7ec255}@media(max-width:768px){.hero h1{font-size:2rem}.showcase-container{grid-template-columns:1fr}nav ul{flex-direction:column;gap:1rem}.nav-container{flex-direction:column;gap:1rem}.developer-container{grid-template-columns:1fr;gap:2rem}}