*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;scroll-behavior:smooth;background:#1a3f2c;font-family:Segoe UI,system-ui,sans-serif;overflow-x:hidden}.sky{pointer-events:none;z-index:5;opacity:.6;background:url(https://images.pexels.com/photos/1162251/pexels-photo-1162251.jpeg?auto=compress&cs=tinysrgb&w=1600) 50%/cover no-repeat;width:100%;height:100%;position:fixed;top:0;left:0}.real-sun{filter:drop-shadow(0 0 8px #ffc80099);pointer-events:none;z-index:15;background:url(https://cdn.pixabay.com/photo/2016/05/15/17/22/sun-1393928_640.png) 50%/contain no-repeat;width:100px;height:100px;position:fixed;top:30px;right:40px}.real-cloud{opacity:.9;pointer-events:none;z-index:14;background:url(https://cdn.pixabay.com/photo/2017/02/19/21/35/cloud-2080920_640.png) 50%/contain no-repeat;width:140px;height:90px;position:fixed;top:60px;left:40px}.stream-section{border:2px solid #fffff04d;border-radius:48px;margin:20px;position:relative;overflow:hidden;box-shadow:0 20px 30px #0006}.stream-bg{background:#2c5e3f;min-height:220px;position:relative}#waterVideo{object-fit:cover;pointer-events:none;border-radius:48px;width:100%;height:100%;position:absolute;top:0;left:0}.stones{pointer-events:none;z-index:12;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:20px;width:100%;padding:0 20px;display:flex;position:absolute;bottom:15px;left:0}.stone{pointer-events:auto;cursor:pointer;filter:drop-shadow(0 5px 8px #0006);background-position:50%;background-repeat:no-repeat;background-size:contain;width:70px;height:70px;transition:transform .1s}.stone:active{transform:scale(.92)}.sound-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;z-index:25;cursor:pointer;background:#000000b3;border:1px solid #ffffc880;border-radius:60px;padding:8px 20px;font-weight:600;position:absolute;bottom:15px;right:20px}.section-wrap{z-index:20;max-width:1400px;margin:0 auto;padding:0 30px;position:relative}header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0006;border-radius:80px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:15px;padding:15px 30px;display:flex}.logo{background:linear-gradient(135deg,#e9ffdb,#9bff6e);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800}nav{gap:35px;display:flex}.nav-item{color:#f0ffe0;font-weight:600;text-decoration:none;transition:all .2s}.nav-item:hover{color:#c0ff90;text-shadow:0 0 5px #6f9e3f}.head-cta{gap:18px;display:flex}.header-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1e501ee6;border:none;border-radius:40px;padding:8px 25px;font-weight:600}.header-btn:first-child{background:#00000080;border:1.5px solid #9bff6e}.hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;margin:40px 0;display:flex}.left{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000059;border-radius:60px;flex:1.2;padding:30px}.right{flex:1;min-width:340px}.title{font-size:3.4rem;font-weight:800;line-height:1.2}.title span{color:#0000;background:linear-gradient(120deg,#c0ff90,#f9ffcf);-webkit-background-clip:text;background-clip:text}.desc{text-shadow:1px 1px 2px #0000004d;margin:20px 0 30px;font-size:1.2rem}.btn-group{flex-wrap:wrap;gap:20px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:60px;padding:12px 32px;font-weight:700;transition:all .2s}.btn-primary{color:#fff;background:#2e7d32;box-shadow:0 6px 12px #0003}.btn-primary:hover{background:#1b5e20;transform:translateY(-2px)}.btn-secondary{color:#1e4a1e;background:#ffffdcd9;border:1px solid #fff}.panel{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#141e0fb3;border-radius:48px;padding:20px;box-shadow:0 20px 35px #0000004d}canvas{cursor:crosshair;background:#2c4b2a;border-radius:32px;width:100%;height:auto;display:block;box-shadow:0 8px 18px #000}.stats{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:20px;display:flex}.counter{color:#eaffd0;background:#1b3b1a;border-radius:60px;gap:12px;padding:8px 25px;font-size:1.7rem;font-weight:700;display:flex}.action-btn{cursor:pointer;background:#f5ffea;border:none;border-radius:50px;margin:0 4px;padding:8px 25px;font-weight:600;transition:all .2s}.action-btn:hover{background:#dcffb0;transform:scale(.96)}.hint{color:#ddd;background:#00000080;border-radius:30px;margin-top:12px;padding:6px 15px;font-size:.8rem;display:inline-block}.cards{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:30px;margin:60px 0;display:grid}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000008c;border:1px solid #ffffc84d;border-radius:48px;padding:35px 25px}.footer{text-align:center;background:#0006;border-top:1px solid #6f9e3f;margin-top:30px;padding:30px}.gen-bar{display:none}.modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;position:fixed;top:0;left:0}.modal-content{color:#1a3f1a;background:#fef9e0;border-radius:56px;width:90%;max-width:420px;padding:35px}.input-group input{border:1px solid #9ccc65;border-radius:50px;width:100%;margin-top:8px;padding:14px;font-size:1rem}.modal-btn{color:#fff;cursor:pointer;background:#2c6e2f;border:none;border-radius:40px;margin:5px;padding:10px 25px}.error{color:#c00;margin:10px 0;font-size:.9rem}.modal-buttons{flex-wrap:wrap;gap:10px;margin-top:15px;display:flex}@media (width<=700px){.title{font-size:2.2rem}.hero{flex-direction:column}header{text-align:center;flex-direction:column}.real-sun{width:70px;height:70px;top:20px;right:20px}.real-cloud{width:100px;height:65px;top:40px;left:20px}}