.hero-section{margin-top:20px}.hero-banner{width:100%;min-height:760px;background-image:url(/build/assets/backround-I8F8C-2B.png);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden}.hero-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff0d}.hero-banner .container{position:relative;z-index:2}.hero-row{min-height:830px;align-items:center}.hero-content{padding-top:70px}.hero-title{font-size:88px;font-weight:900;line-height:.9;color:#238539;text-shadow:0 4px 0 #fff,0 0 20px rgba(255,255,255,.9)}.hero-title span{color:#ff9800}.hero-subtitle{display:inline-block;margin-top:18px;padding:14px 38px;background:#f39c12;color:#fff;font-size:28px;font-weight:800;border-radius:50px;box-shadow:0 8px 18px #f39c1259}.hero-left,.hero-right{display:flex;justify-content:center;align-items:flex-end;height:560px}.hero-left,.hero-right{padding-top:190px}.hero-child{width:320px;position:relative;top:35px;animation:float 4s ease-in-out infinite}.hero-child:hover{transform:scale(1.05)}.hero-menu{margin-top:35px;display:flex;justify-content:center;gap:18px}.menu-card{width:125px;height:125px;border-radius:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;text-decoration:none;color:#fff;font-weight:800;box-shadow:0 10px 25px #00000026;transition:.35s}.menu-card:active{transform:scale(.96)}.menu-card:hover{transform:translateY(-10px) scale(1.08);box-shadow:0 18px 35px #00000040}.menu-card i{font-size:42px;margin-bottom:0;line-height:1;animation:bounce 2.5s infinite}.menu-card span{font-size:17px;line-height:1.1;margin:0}.green{background:#34c759}.blue{background:#3498db}.hero-bottom{margin:35px auto;width:470px;background:#fff;border-radius:50px;padding:15px;font-weight:700;text-align:center;box-shadow:0 8px 20px #0000001f}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.hero-badge{display:inline-block;background:#fff;color:#2e7d32;padding:8px 22px;border-radius:40px;font-weight:800;margin-bottom:18px;box-shadow:0 5px 15px #00000026;animation:pulse 2.5s infinite}.menu-card{position:relative;overflow:hidden}.menu-card:before{content:"";position:absolute;width:160%;height:100%;left:-180%;top:0;background:#ffffff40;transform:skew(-25deg);transition:.7s}.menu-card:hover:before{left:180%}.menu-card i{animation:bounce 2.5s infinite}.hero-bottom{transition:.35s}.hero-bottom:hover{transform:scale(1.03)}.hero-title{animation:titleGlow 3s infinite alternate}.leaf{position:absolute;font-size:28px;z-index:1;opacity:.8}.leaf1{top:90px;left:18%;animation:leafMove 8s linear infinite}.leaf2{top:170px;right:20%;animation:leafMove 9s linear infinite}.leaf3{top:320px;left:65%;animation:leafMove 7s linear infinite}.cloud{position:absolute;background:#ffffffa6;border-radius:100px;filter:blur(2px);z-index:0}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:100px}.cloud1{width:120px;height:40px;top:90px;left:-150px;animation:cloudMove 30s linear infinite}.cloud1:before{width:60px;height:60px;left:15px;top:-25px}.cloud1:after{width:70px;height:50px;right:15px;top:-18px}.cloud2{width:150px;height:45px;top:180px;left:-250px;animation:cloudMove 45s linear infinite}.cloud2:before{width:70px;height:70px;left:20px;top:-28px}.cloud2:after{width:75px;height:55px;right:20px;top:-18px}@keyframes pulse{50%{transform:scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes titleGlow{0%{text-shadow:0 4px 0 white,0 0 15px white}to{text-shadow:0 4px 0 white,0 0 35px #fff}}@keyframes leafMove{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(60px) rotate(180deg)}to{transform:translateY(120px) rotate(360deg)}}@keyframes cloudMove{0%{transform:translate(0)}to{transform:translate(1800px)}}.game-page{position:relative;overflow:hidden;padding:90px 0;min-height:100vh;background-image:url(/build/assets/backround2-D10o8zSB.png);background-size:cover;background-position:center;background-repeat:no-repeat}.game-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff2e}.game-page .container{position:relative;z-index:2}.game-page:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:130px;background:url(/public/images/backgrounds/grass.png) repeat-x;background-size:auto 130px}.eco-character{width:210px;animation:float 4s ease-in-out infinite}.eco-bubble{background:#fff;padding:20px;border-radius:25px;font-size:18px;font-weight:700;color:#2e7d32;box-shadow:0 10px 25px #0000001f;position:relative;animation:pulse 2.5s infinite}.eco-bubble:before{content:"";position:absolute;left:-18px;top:45px;border:10px solid transparent;border-right:white}.game-badge{display:inline-block;padding:10px 25px;background:#fff;border-radius:50px;color:#2e7d32;font-weight:800;box-shadow:0 8px 18px #0000001f;margin-bottom:18px}.game-title{font-size:70px;font-weight:900;color:#238539;text-shadow:0 5px white}.game-subtitle{font-size:25px;color:#555}.game-card{background:#fff;border-radius:35px;padding:45px 30px;text-align:center;box-shadow:0 15px 35px #00000014;transition:.35s;position:relative;overflow:hidden}.game-card:hover{transform:translateY(-12px);box-shadow:0 25px 45px #0000002e}.game-card:before{content:"";position:absolute;width:180%;height:100%;left:-200%;top:0;background:#ffffff40;transform:skew(-25deg);transition:.8s}.game-card:hover:before{left:180%}.game-icon{width:110px;height:110px;margin:auto auto 22px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:45px}.game-card:hover .game-icon{transform:rotate(10deg) scale(1.1);transition:.35s}.green{background:#35c759}.orange{background:#f5a623}.purple{background:#9b59b6}.btn-game{display:inline-block;margin-top:15px;background:#238539;color:#fff;padding:13px 35px;border-radius:50px;text-decoration:none;font-weight:800;transition:.3s}.btn-game:hover{background:#1d6e2e;color:#fff;transform:scale(1.05)}.tree-left{position:absolute;left:0;bottom:0;width:230px;height:420px;background:url(/public/images/backgrounds/tree-left.png) no-repeat bottom left;background-size:contain;z-index:1}.tree-right{position:absolute;right:0;bottom:0;width:240px;height:420px;background:url(/public/images/backgrounds/tree-right.png) no-repeat bottom right;background-size:contain;z-index:1}.flower{position:absolute;font-size:30px;animation:float 4s ease-in-out infinite}.flower1{left:8%;bottom:120px}.flower2{right:12%;bottom:150px}.flower3{left:48%;bottom:90px}.pilah-page{width:100%;min-height:100vh;background-image:url(/build/assets/backround2-D10o8zSB.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;padding:25px 35px;overflow:hidden}.game-wrapper{position:relative;width:100%;max-width:1350px;margin:auto;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 50px)}.game-header{position:relative;display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:16px}.title-box{background:#2f9d3d;color:#fff;font-size:34px;font-weight:900;padding:13px 60px;border-radius:20px;border:4px solid #fff;text-align:center;box-shadow:0 8px 18px #0003}.game-info{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;gap:14px}.info-box{min-width:110px;background:#fff;padding:10px 17px;border-radius:15px;font-size:21px;font-weight:800;text-align:center;box-shadow:0 5px 10px #00000026}.instruction{width:min(520px,90%);margin:10px auto 18px;background:#fff;border-radius:30px;padding:12px 20px;text-align:center;font-size:19px;font-weight:700;box-shadow:0 5px 10px #00000026}.trash-list{display:flex;justify-content:center;align-items:center;margin:10px 0 28px}.trash-card{width:140px;height:140px;background:#fff;border-radius:25px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:grab;box-shadow:0 8px 18px #00000026;transition:transform .3s ease,box-shadow .3s ease}.trash-card:hover{transform:translateY(-6px) scale(1.05);box-shadow:0 12px 24px #0003}.trash-card:active{cursor:grabbing}.trash-emoji{font-size:70px;line-height:1}#trashName{margin:8px 0 0;padding:0 8px;font-size:18px;font-weight:800;line-height:1.2;text-align:center}.bottom-area{position:relative;width:100%;min-height:285px;display:flex;justify-content:center;align-items:center;margin:0}.bins{display:flex;justify-content:center;align-items:center;gap:38px;margin:0 auto}.bin{width:210px;height:225px;border-radius:18px;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 10px 20px #00000040;transition:transform .3s ease,box-shadow .3s ease}.bin:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 15px 28px #00000047}.bin i{font-size:82px;line-height:1;margin-bottom:12px}.bin span{font-size:27px;font-weight:900;text-align:center}.organik{background:#36a63d}.anorganik{background:#f4bf2a}.b3{background:#e53935}.eco-side{position:absolute;right:0;top:50%;transform:translateY(calc(-50% - 100px));display:flex;flex-direction:column;justify-content:center;align-items:center}.eco-chat{position:relative;width:205px;margin-bottom:12px;padding:16px 18px;background:#fff;border-radius:20px;text-align:center;font-size:15px;font-weight:800;line-height:1.5;box-shadow:0 10px 20px #00000026}.eco-chat:after{content:"";position:absolute;bottom:-14px;left:50%;transform:translate(-50%);border-left:14px solid transparent;border-right:14px solid transparent;border-top:18px solid #fff}.eco-game{width:250px;display:block;animation:ecoFloat 3s ease-in-out infinite}@keyframes ecoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@media (max-width: 1200px){.game-wrapper{max-width:1100px}.bin{width:180px;height:205px}.bin i{font-size:72px}.bin span{font-size:23px}.bins{gap:25px}.eco-game{width:210px}.eco-chat{width:180px;padding:14px}}@media (max-width: 992px){.pilah-page{min-height:100vh;padding:25px 20px;overflow:auto}.game-wrapper{min-height:auto}.game-header{flex-direction:column;gap:15px}.game-info{position:static;transform:none;justify-content:center}.title-box{width:auto;font-size:30px;padding:12px 45px}.instruction{margin-bottom:20px}.bottom-area{min-height:auto;flex-direction:column;gap:28px}.bins{flex-wrap:wrap;justify-content:center;order:1}.eco-side{position:static;transform:none;order:2;margin-top:10px}.eco-game{width:190px}}@media (max-width: 650px){.pilah-page{padding:20px 12px}.title-box{width:100%;font-size:25px;padding:11px 20px}.game-info{width:100%;gap:10px}.info-box{flex:1;min-width:0;padding:9px 10px;font-size:18px}.instruction{width:100%;font-size:16px;padding:11px 15px}.trash-list{margin:8px 0 24px}.trash-card{width:125px;height:125px}.trash-emoji{font-size:60px}#trashName{font-size:16px}.bins{width:100%;gap:15px}.bin{width:145px;height:175px}.bin i{font-size:58px}.bin span{font-size:19px}}.pilah-page{position:relative;overflow:hidden}.pilah-page .game-wrapper{position:relative;z-index:5}.pilah-page .pilah-back-button{position:absolute;top:25px;left:28px;z-index:50;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 19px;background:#fff;color:#26843a;border:3px solid #ffffff;border-radius:50px;font-size:15px;font-weight:900;line-height:1;text-decoration:none;box-shadow:0 8px 18px #0000002e;transition:.25s ease}.pilah-page .pilah-back-button:hover{color:#26843a;transform:translateY(-3px)}.pilah-page .pilah-back-button i{font-size:19px}.pilah-page .game-header{position:relative;display:flex;justify-content:center;align-items:flex-start;width:100%;margin-bottom:15px}.pilah-page .game-heading{display:flex;flex-direction:column;align-items:center;justify-content:center}.pilah-page .title-box{margin:0}.pilah-page .level-badge{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;margin-top:-5px;padding:7px 20px;background:#fff8cf;color:#397b3a;border:3px solid #ffffff;border-radius:50px;font-size:15px;font-weight:900;box-shadow:0 6px 14px #00000024}.pilah-page .game-info{position:absolute;top:15px;right:0;display:flex;gap:14px}.pilah-page .info-box{display:flex;align-items:center;justify-content:center;gap:8px;min-width:125px;padding:12px 18px;background:#fff;border-radius:18px;font-size:21px;font-weight:900;box-shadow:0 8px 18px #00000029}.pilah-page .instruction{position:relative;display:flex;align-items:center;justify-content:center;width:560px;max-width:90%;margin:12px auto 22px;padding:14px 25px;background:#fff;border-radius:50px;font-size:19px;font-weight:900;box-shadow:0 8px 18px #00000026}.pilah-page .trash-list{margin:8px 0 20px}.pilah-page .trash-card{position:relative}.pilah-page .trash-card:after{content:"Seret aku!";position:absolute;top:-31px;left:50%;transform:translate(-50%);padding:5px 13px;background:#ffb52b;color:#fff;border:3px solid #ffffff;border-radius:50px;font-size:12px;font-weight:900;white-space:nowrap;box-shadow:0 5px 12px #00000029}.pilah-page .game-progress{width:420px;max-width:85%;margin:0 auto 17px;padding:9px 16px 12px;background:#fffffff5;border:3px solid #ffffff;border-radius:20px;box-shadow:0 7px 16px #00000024}.pilah-page .progress-information{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;color:#344636;font-size:14px;font-weight:900}.pilah-page .progress-information strong{color:#2e9e40}.pilah-page .progress-track{width:100%;height:12px;overflow:hidden;background:#dbeed8;border-radius:50px}.pilah-page .progress-fill{width:10%;height:100%;background:linear-gradient(90deg,#65cf58,#2fa741);border-radius:50px;transition:width .4s ease}.pilah-page .bottom-area{min-height:265px;margin-top:0}.pilah-page .bins{position:relative;z-index:6;display:flex;justify-content:center;align-items:center;gap:38px;margin:0 auto}.pilah-page .eco-side{position:absolute;right:-15px;top:50%;transform:translateY(calc(-50% - 90px));z-index:8;display:flex;flex-direction:column;align-items:center}.pilah-page .eco-chat{width:205px;margin-bottom:12px}.pilah-page .help-button{position:absolute;right:30px;bottom:25px;z-index:50;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;background:#ffb52b;color:#fff;border:3px solid #ffffff;border-radius:50px;font-family:inherit;font-size:15px;font-weight:900;box-shadow:0 8px 18px #0000002e;cursor:pointer;transition:.25s ease}.pilah-page .help-button:hover{transform:translateY(-3px) scale(1.03);background:#f1a40e}.pilah-page .help-button i{font-size:19px}.pilah-page .game-feedback{position:fixed;top:50%;left:50%;z-index:9999;min-width:300px;max-width:90%;padding:18px 28px;background:#35ad48;color:#fff;border:4px solid #ffffff;border-radius:24px;font-size:20px;font-weight:900;text-align:center;box-shadow:0 15px 35px #00000040;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-50%) scale(.7);transition:opacity .25s ease,transform .25s ease,visibility .25s ease}.pilah-page .game-feedback.show{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.pilah-page .game-feedback.correct{background:#35ad48}.pilah-page .game-feedback.wrong{background:#e6423c}.pilah-page .cute-star,.pilah-page .cute-leaf,.pilah-page .pilah-decoration{position:absolute;z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none}.pilah-page .cute-star,.pilah-page .cute-leaf{font-size:25px}.pilah-page .cute-star-1{top:25%;left:24%}.pilah-page .cute-star-2{top:45%;right:27%}.pilah-page .cute-leaf-1{top:18%;left:17%}.pilah-page .cute-leaf-2{top:32%;right:18%}@media (max-width: 992px){.pilah-page{overflow:auto}.pilah-page .pilah-back-button{position:static;width:max-content;margin-bottom:15px}.pilah-page .game-header{flex-direction:column;align-items:center;gap:15px}.pilah-page .game-info{position:static}.pilah-page .eco-side{position:static;transform:none}.pilah-page .help-button{position:fixed;right:18px;bottom:18px}.pilah-page .cute-star,.pilah-page .cute-leaf,.pilah-page .pilah-decoration{display:none}}.game-result-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;justify-content:center;align-items:center;padding:20px;background:#1643268c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:.3s ease}.game-result-modal.show{display:flex;opacity:1;visibility:visible}.game-result-card{width:420px;max-width:100%;padding:32px 28px;background:#fff;border:6px solid rgba(255,255,255,.85);border-radius:32px;text-align:center;box-shadow:0 22px 55px #00000047;transform:scale(.75) translateY(30px);transition:.35s ease}.game-result-modal.show .game-result-card{transform:scale(1) translateY(0)}.result-icon{font-size:75px;animation:resultBounce 1.3s ease-in-out infinite}.game-result-card h2{margin:8px 0 10px;color:#2c9c40;font-size:32px;font-weight:900}.game-result-card p{margin-bottom:25px;color:#454545;font-size:20px;font-weight:800}.result-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.result-play-again,.result-back{padding:12px 20px;border:none;border-radius:50px;font-family:inherit;font-size:16px;font-weight:900;text-decoration:none;cursor:pointer;transition:.25s ease}.result-play-again{background:#35aa49;color:#fff}.result-back{background:#ffb62b;color:#fff}.result-play-again:hover,.result-back:hover{color:#fff;transform:translateY(-3px) scale(1.04)}.timer-danger{color:#e53935;animation:timerPulse .7s ease-in-out infinite}@keyframes resultBounce{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-9px) rotate(3deg)}}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.pilah-page .bin{width:190px;height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:25px;border:4px solid white;cursor:pointer;transition:.3s ease;box-shadow:0 10px 20px #00000026}.pilah-page .bin i{font-size:45px;color:#fff;margin-bottom:10px}.pilah-page .bin span{font-size:20px;font-weight:900;color:#fff}.pilah-page .bin.organik{background:#8bd46b}.pilah-page .bin.anorganik{background:#ffc94a}.pilah-page .bin.b3{background:#ff8d8d}.pilah-page .bin:hover{transform:translateY(-8px) scale(1.05)}.pilah-page .bin-correct{animation:correctPop .5s}@keyframes correctPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.clean-school-page{position:relative;min-height:100vh;padding:18px 22px 30px;font-family:Nunito,sans-serif;background:linear-gradient(180deg,#d9f6ff,#f3fcff);overflow-x:hidden}.clean-game-wrapper{width:min(1180px,calc(100% - 25px));margin:0 auto}.clean-back-button{position:absolute;top:22px;left:24px;z-index:30;width:54px;height:54px;display:flex;align-items:center;justify-content:center;border:4px solid #fff;border-radius:50%;background:#45afe2;color:#fff;font-size:28px;text-decoration:none;box-shadow:0 6px #2386b7,0 10px 18px #00000029;transition:.2s ease}.clean-back-button:hover{color:#fff;transform:translateY(-3px) scale(1.05)}.clean-game-header{position:relative;min-height:70px;display:flex;align-items:center;justify-content:center}.clean-title{min-width:390px;padding:13px 34px;border:4px solid #fff;border-radius:18px;background:linear-gradient(180deg,#37b3ea,#168bc8);color:#fff;text-align:center;font-size:28px;font-weight:900;letter-spacing:.5px;box-shadow:0 6px #1475a5,0 10px 20px #00000029}.clean-game-info{position:absolute;right:0;display:flex;gap:12px}.clean-timer-box,.clean-score-top{min-width:105px;padding:10px 15px;display:flex;align-items:center;justify-content:center;gap:8px;border:3px solid #fff;border-radius:18px;background:#fffffff2;color:#604c32;font-size:18px;font-weight:900;box-shadow:0 5px 13px #00000021}.clean-timer-box i{color:#239ccb}.clean-score-top i{color:#ffc229}.clean-instruction{width:max-content;max-width:90%;margin:6px auto 12px;padding:10px 28px;border-radius:16px;background:#fffffff5;color:#285a59;text-align:center;font-size:17px;font-weight:900;box-shadow:0 5px 13px #0000001f}.clean-school-area{position:relative;width:100%;height:610px;min-height:610px;border:6px solid rgba(255,255,255,.92);border-radius:28px;box-shadow:0 18px 42px #0000003b;overflow:hidden}.clean-eco-area{position:absolute;left:20px;bottom:48px;z-index:10;width:220px}.clean-eco-image{display:block;width:195px;filter:drop-shadow(0 7px 5px rgba(0,0,0,.2));animation:cleanEcoFloat 2.8s ease-in-out infinite}.clean-eco-chat{position:absolute;top:-34px;left:72px;z-index:4;width:185px;min-height:68px;padding:13px 12px;display:flex;align-items:center;justify-content:center;border:3px solid #ded5aa;border-radius:23px;background:#fff;color:#3f6047;text-align:center;font-size:15px;font-weight:900;line-height:1.35;box-shadow:0 6px 15px #00000026}.clean-eco-chat:after{content:"";position:absolute;left:23px;bottom:-17px;border-width:12px 12px 0;border-style:solid;border-color:#fff transparent transparent}.clean-score-box{position:absolute;left:0;bottom:-25px;width:105px;padding:8px 10px;border:3px solid #e3d5a8;border-radius:15px;background:#fff9e7;text-align:center;box-shadow:0 5px 12px #00000026}.clean-score-box small{display:block;color:#725e3d;font-size:13px;font-weight:900}.clean-score-box strong{display:block;color:#3b3021;font-size:26px;font-weight:900}.school-trash{position:absolute;z-index:5;width:108px;height:74px;padding:0;display:flex;align-items:center;justify-content:center;gap:4px;border:4px dashed rgba(255,255,255,.96);border-radius:50%;background:#ffffff17;font-family:inherit;font-size:32px;cursor:pointer;-webkit-user-select:none;user-select:none;transform:translate(-50%,-50%);transition:opacity .45s ease,transform .45s ease,background .2s ease,border-color .2s ease}.school-trash:hover{background:#ffffff4d;border-color:#fff;transform:translate(-50%,-50%) scale(1.12)}.school-trash span{display:inline-block;filter:drop-shadow(0 4px 3px rgba(0,0,0,.18));animation:cleanTrashFloat 2.2s ease-in-out infinite}.school-trash span:nth-child(2){animation-delay:.25s}.school-trash.trash-cleaned{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(18deg)}.school-trash.trash-shake{border-color:#f0524d;background:#ff5a5040;animation:cleanTrashShake .35s ease}.clean-tools-panel{position:absolute;top:28px;right:22px;z-index:15;width:135px;padding:15px 10px;border:4px solid #d5b766;border-radius:23px;background:#fff4d5;text-align:center;box-shadow:0 8px 20px #0003}.clean-tools-panel h3{margin:0 0 10px;color:#795624;font-size:20px;font-weight:900}.clean-main-tool{width:108px;min-height:175px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:3px solid transparent;border-radius:20px;background:#ffffff59;font-family:inherit;cursor:pointer;transition:.25s ease}.clean-main-tool:hover{background:#fff;transform:scale(1.04)}.clean-tool-icon{display:block;font-size:72px;filter:drop-shadow(0 5px 4px rgba(0,0,0,.15))}.clean-tool-name{color:#6b4d25;font-size:18px;font-weight:900}.clean-tool-help{color:#846e4c;font-size:11px;font-weight:800}.clean-main-tool.clean-tool-selected{border-color:#44af4f;background:#e9ffe8;box-shadow:0 0 0 5px #44af4f33,0 7px 14px #00000026;transform:scale(1.06)}.clean-main-tool.clean-tool-selected .clean-tool-icon{animation:cleanBroomSelected .7s ease-in-out infinite alternate}.clean-progress-wrapper{position:absolute;right:20px;bottom:16px;z-index:18;width:390px;padding:9px 14px;display:flex;align-items:center;gap:10px;border:3px solid #e1d09d;border-radius:17px;background:#fff9e8;box-shadow:0 5px 13px #00000024}.clean-progress-label{color:#695338;font-size:15px;font-weight:900;white-space:nowrap}.clean-progress-track{flex:1;height:14px;border-radius:20px;background:#d9e9cd;box-shadow:inset 0 2px 4px #0000001a;overflow:hidden}.clean-progress-fill{width:0;height:100%;border-radius:20px;background:linear-gradient(90deg,#84cd3c,#36a93c);transition:width .45s ease}.clean-progress-wrapper strong{min-width:34px;color:#564631;font-size:15px;font-weight:900}.clean-floating-score{position:absolute;z-index:60;color:#ffb300;font-size:24px;font-weight:900;pointer-events:none;opacity:0;transform:translate(-50%,-50%)}.clean-floating-score.show{animation:cleanScoreFly .85s ease forwards}.clean-sparkle{position:absolute;z-index:55;font-size:20px;pointer-events:none;animation:cleanSparkleFly .85s ease-out forwards}.clean-timer-danger{color:#e63838!important;animation:cleanTimerPulse .6s ease-in-out infinite}.clean-result-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;padding:20px;display:flex;align-items:center;justify-content:center;background:#14422da6;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);opacity:0;visibility:hidden;transition:.3s ease}.clean-result-modal.show{opacity:1;visibility:visible}.clean-result-card{position:relative;width:440px;max-width:100%;padding:30px 28px 27px;border:7px solid #fff;border-radius:35px;background:radial-gradient(circle at top,#f8fff4,#fff 58%);text-align:center;box-shadow:0 25px 65px #00000052,inset 0 0 0 4px #dff4c9;transform:translateY(30px) scale(.68) rotate(-2deg);transition:transform .38s cubic-bezier(.2,1.4,.4,1)}.clean-result-modal.show .clean-result-card{transform:translateY(0) scale(1) rotate(0)}.clean-result-decoration{position:absolute;top:-25px;left:0;right:0;display:flex;justify-content:space-around;font-size:34px;pointer-events:none}.clean-result-decoration span{animation:cleanDecorationFloat 1.2s ease-in-out infinite}.clean-result-decoration span:nth-child(2){animation-delay:.25s}.clean-result-decoration span:nth-child(3){animation-delay:.5s}.clean-result-icon{margin-top:2px;font-size:76px;animation:cleanResultIcon 1.2s ease-in-out infinite}.clean-result-card h2{margin:5px 0 4px;color:#2b9b3e;font-size:34px;font-weight:900;text-shadow:0 2px 0 #d9f0ca}.clean-result-stars{margin:4px 0 12px;color:#ffc21b;font-size:35px;letter-spacing:4px;filter:drop-shadow(0 3px 2px rgba(0,0,0,.12))}.clean-result-card p{margin:0 auto 16px;max-width:340px;color:#4e6253;font-size:17px;font-weight:800;line-height:1.45}.clean-result-score{width:190px;margin:0 auto 10px;padding:10px 15px;border:3px solid #f0d68b;border-radius:20px;background:#fff5cc;box-shadow:0 5px 11px #0000001a}.clean-result-score small{display:block;color:#796239;font-size:14px;font-weight:900}.clean-result-score strong{display:block;color:#47371e;font-size:34px;font-weight:900}.clean-result-bonus{width:max-content;margin:0 auto 10px;padding:6px 13px;border-radius:50px;background:#e7f8ff;color:#2389b7;font-size:14px;font-weight:900}.clean-result-message{margin-bottom:20px;color:#2f8b3c;font-size:16px;font-weight:900}.clean-result-buttons{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.clean-play-again,.clean-back-menu{min-width:155px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:none;border-radius:50px;font-family:inherit;font-size:16px;font-weight:900;text-decoration:none;cursor:pointer;box-shadow:0 5px #00000024;transition:.2s ease}.clean-play-again{background:#38ad4a;color:#fff}.clean-back-menu{background:#ffb42c;color:#fff}.clean-play-again:hover,.clean-back-menu:hover{color:#fff;transform:translateY(-3px) scale(1.04)}.clean-confetti{position:fixed;top:-50px;z-index:100000;font-size:25px;pointer-events:none;animation:cleanConfettiFall linear forwards}@keyframes cleanEcoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes cleanTrashFloat{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-4px) rotate(3deg)}}@keyframes cleanTrashShake{0%,to{transform:translate(-50%,-50%) translate(0)}25%{transform:translate(-50%,-50%) translate(-9px)}75%{transform:translate(-50%,-50%) translate(9px)}}@keyframes cleanBroomSelected{0%{transform:rotate(-5deg)}to{transform:rotate(7deg)}}@keyframes cleanScoreFly{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-130%) scale(1)}}@keyframes cleanSparkleFly{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}to{opacity:0;transform:translate(calc(-50% + var(--sparkle-x)),calc(-50% + var(--sparkle-y))) scale(1.4) rotate(180deg)}}@keyframes cleanTimerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.13)}}@keyframes cleanResultIcon{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(4deg)}}@keyframes cleanDecorationFloat{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-8px) rotate(6deg)}}@keyframes cleanConfettiFall{0%{opacity:1;transform:translateY(-10vh) rotate(0)}to{opacity:0;transform:translateY(110vh) rotate(720deg)}}@media (max-width: 900px){.clean-school-page{padding:15px}.clean-title{min-width:auto;padding:12px 20px;font-size:22px}.clean-game-info{position:static;margin-left:10px}.clean-school-area{height:680px;min-height:680px}.clean-tools-panel{top:25px;right:12px}.clean-progress-wrapper{width:350px}.clean-eco-area{left:0;transform:scale(.9);transform-origin:left bottom}}@media (max-width: 620px){.clean-school-page{padding:12px 8px 20px}.clean-back-button{position:relative;top:auto;left:auto;margin-bottom:8px}.clean-game-header{flex-direction:column;gap:10px}.clean-game-info{margin:0}.clean-title{width:100%;font-size:19px}.clean-instruction{width:100%;max-width:100%;padding:9px 12px;font-size:14px}.clean-school-area{height:740px;min-height:740px;border-radius:20px}.clean-tools-panel{top:14px;right:10px;width:105px;padding:10px 6px}.clean-tools-panel h3{font-size:16px}.clean-main-tool{width:88px;min-height:130px}.clean-tool-icon{font-size:51px}.clean-tool-name{font-size:15px}.clean-tool-help{display:none}.clean-eco-area{left:-14px;bottom:55px;transform:scale(.72);transform-origin:left bottom}.school-trash{width:85px;height:61px;border-width:3px;font-size:25px}.clean-progress-wrapper{right:8px;bottom:8px;width:calc(100% - 16px)}.clean-progress-label{font-size:13px}.clean-result-card{padding:27px 16px 22px;border-radius:27px}.clean-result-card h2{font-size:28px}.clean-result-icon{font-size:63px}.clean-result-stars{font-size:29px}.clean-play-again,.clean-back-menu{width:100%}}.memory-page{position:relative;min-height:100vh;padding:18px 22px 30px;font-family:Nunito,sans-serif;background:linear-gradient(180deg,#d9f7ff,#f3fdff);overflow-x:hidden}.memory-game-wrapper{width:min(1180px,calc(100% - 25px));margin:0 auto}.memory-back-button{position:absolute;top:22px;left:24px;z-index:30;width:54px;height:54px;display:flex;align-items:center;justify-content:center;border:4px solid #fff;border-radius:50%;background:#9a65d5;color:#fff;font-size:28px;text-decoration:none;box-shadow:0 6px #6f3fa8,0 10px 18px #00000029;transition:.2s ease}.memory-back-button:hover{color:#fff;transform:translateY(-3px) scale(1.05)}.memory-header{position:relative;min-height:70px;display:flex;align-items:center;justify-content:center}.memory-title{min-width:350px;padding:13px 34px;border:4px solid #fff;border-radius:18px;background:linear-gradient(180deg,#9f6bdd,#7544ba);color:#fff;text-align:center;font-size:28px;font-weight:900;letter-spacing:.7px;box-shadow:0 6px #593094,0 10px 20px #00000029}.memory-game-info{position:absolute;right:0;display:flex;gap:12px}.memory-timer-box,.memory-score-box-top{min-width:105px;padding:10px 15px;display:flex;align-items:center;justify-content:center;gap:8px;border:3px solid #fff;border-radius:18px;background:#fffffff5;color:#604c32;font-size:18px;font-weight:900;box-shadow:0 5px 13px #00000021}.memory-timer-box i{color:#2e97c5}.memory-score-box-top i{color:#ffc128}.memory-instruction{width:max-content;max-width:90%;margin:6px auto 12px;padding:10px 28px;border-radius:16px;background:#fffffff5;color:#315e5d;text-align:center;font-size:17px;font-weight:900;box-shadow:0 5px 13px #0000001f}.memory-game-area{position:relative;width:100%;min-height:620px;border:6px solid rgba(255,255,255,.94);border-radius:28px;box-shadow:0 18px 42px #00000038;overflow:hidden}.memory-board-section{position:absolute;top:42px;left:45px;bottom:35px;width:720px;display:flex;flex-direction:column;justify-content:center;align-items:center}.memory-card-grid{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:13px;perspective:1200px}.memory-card{position:relative;width:100%;aspect-ratio:1 / .82;padding:0;border:none;border-radius:15px;background:transparent;cursor:pointer;perspective:1000px}.memory-card-inner{position:relative;width:100%;height:100%;display:block;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,.2,.2,1)}.memory-card.memory-flipped .memory-card-inner,.memory-card.memory-matched .memory-card-inner{transform:rotateY(180deg)}.memory-card-back,.memory-card-front{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border:4px solid rgba(255,255,255,.95);border-radius:15px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 5px #56309040,0 8px 15px #00000029}.memory-card-back{background:radial-gradient(circle at top,rgba(255,255,255,.18),transparent 38%),linear-gradient(145deg,#ad77e4,#7d4dbd);overflow:hidden}.memory-card-back:before,.memory-card-back:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:#ffffff0d}.memory-card-back:before{top:-28px;left:-25px}.memory-card-back:after{right:-25px;bottom:-28px}.memory-back-pattern{position:relative;z-index:2;color:#55298e59;font-size:48px;filter:grayscale(1);transform:rotate(-17deg);transition:.2s ease}.memory-card:hover .memory-card-back{box-shadow:0 6px #5630904d,0 11px 20px #0003;transform:translateY(-3px)}.memory-card-front{padding:8px;flex-direction:column;gap:3px;background:linear-gradient(180deg,#fffef8,#fff4d8);transform:rotateY(180deg)}.memory-card-icon{font-size:46px;filter:drop-shadow(0 4px 3px rgba(0,0,0,.12))}.memory-card-front small{color:#5a6648;font-size:13px;font-weight:900}.memory-card.memory-matched .memory-card-front{border-color:#55c65e;background:linear-gradient(180deg,#f7fff1,#ddffd8);box-shadow:0 0 0 5px #48c15433,0 6px #2f963d40,0 10px 18px #00000026;animation:memoryMatchedPulse .55s ease}.memory-card.memory-wrong{animation:memoryWrongShake .4s ease}.memory-card.memory-help-preview .memory-card-front{border-color:#ffd331;box-shadow:0 0 0 5px #ffd22840,0 9px 18px #00000026}.memory-match-progress{align-self:flex-start;margin-top:17px;padding:10px 18px;display:flex;flex-direction:column;border:3px solid #d5bc82;border-radius:14px;background:#fff7dd;color:#685534;box-shadow:0 5px 12px #00000024}.memory-match-progress span{font-size:13px;font-weight:900}.memory-match-progress strong{font-size:24px;font-weight:900}.memory-eco-area{position:absolute;right:25px;bottom:22px;width:290px;height:500px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.memory-eco-image{width:235px;filter:drop-shadow(0 8px 6px rgba(0,0,0,.2));animation:memoryEcoFloat 2.8s ease-in-out infinite}.memory-eco-chat{position:absolute;top:30px;left:-15px;width:205px;min-height:115px;padding:17px 15px;display:flex;align-items:center;justify-content:center;border:3px solid #dcd3aa;border-radius:50%;background:#fff;color:#416050;text-align:center;font-size:15px;font-weight:900;line-height:1.4;box-shadow:0 7px 16px #00000026}.memory-eco-chat:after{content:"";position:absolute;right:24px;bottom:-17px;border-width:14px 9px 0;border-style:solid;border-color:#fff transparent transparent;transform:rotate(-20deg)}.memory-help-button{position:absolute;right:0;bottom:0;padding:10px 15px;border:3px solid #fff;border-radius:16px;background:#fff9dc;color:#675628;font-family:inherit;font-size:14px;font-weight:900;box-shadow:0 5px #d9b947,0 8px 13px #00000026;cursor:pointer;transition:.2s ease}.memory-help-button:hover{transform:translateY(-3px) scale(1.04)}.memory-help-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.memory-timer-danger{color:#e43d3d!important;animation:memoryTimerPulse .6s ease-in-out infinite}.memory-sparkle{position:fixed;z-index:100001;font-size:20px;pointer-events:none;animation:memorySparkleFly .85s ease-out forwards}.memory-result-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;padding:20px;display:flex;align-items:center;justify-content:center;background:#2e1e4ead;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);opacity:0;visibility:hidden;transition:.3s ease}.memory-result-modal.show{opacity:1;visibility:visible}.memory-result-card{position:relative;width:440px;max-width:100%;padding:30px 28px 27px;border:7px solid #fff;border-radius:35px;background:radial-gradient(circle at top,#faf5ff,#fff 60%);text-align:center;box-shadow:0 25px 65px #00000059,inset 0 0 0 4px #eadbff;transform:translateY(30px) scale(.68) rotate(-2deg);transition:transform .4s cubic-bezier(.2,1.4,.4,1)}.memory-result-modal.show .memory-result-card{transform:translateY(0) scale(1) rotate(0)}.memory-result-decoration{position:absolute;top:-25px;left:0;right:0;display:flex;justify-content:space-around;font-size:34px;pointer-events:none}.memory-result-decoration span{animation:memoryDecorationFloat 1.2s ease-in-out infinite}.memory-result-decoration span:nth-child(2){animation-delay:.25s}.memory-result-decoration span:nth-child(3){animation-delay:.5s}.memory-result-icon{font-size:75px;animation:memoryResultIcon 1.2s ease-in-out infinite}.memory-result-card h2{margin:4px 0 5px;color:#7947bd;font-size:34px;font-weight:900;text-shadow:0 2px 0 #ebdfff}.memory-result-stars{margin:5px 0 12px;color:#ffc21b;font-size:35px;letter-spacing:4px}.memory-result-card p{margin:0 auto 16px;max-width:340px;color:#526054;font-size:17px;font-weight:800;line-height:1.45}.memory-result-score{width:190px;margin:0 auto 10px;padding:10px 15px;border:3px solid #d7bbf4;border-radius:20px;background:#f5eaff;box-shadow:0 5px 11px #0000001a}.memory-result-score small{display:block;color:#735a8c;font-size:14px;font-weight:900}.memory-result-score strong{display:block;color:#563475;font-size:34px;font-weight:900}.memory-result-bonus{width:max-content;margin:0 auto 10px;padding:7px 14px;border-radius:50px;background:#fff6d7;color:#967020;font-size:14px;font-weight:900}.memory-result-message{margin-bottom:20px;color:#7443ad;font-size:16px;font-weight:900}.memory-result-buttons{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.memory-play-again,.memory-back-menu{min-width:155px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:none;border-radius:50px;font-family:inherit;font-size:16px;font-weight:900;text-decoration:none;cursor:pointer;box-shadow:0 5px #00000024;transition:.2s ease}.memory-play-again{background:#8150c6;color:#fff}.memory-back-menu{background:#ffb42c;color:#fff}.memory-play-again:hover,.memory-back-menu:hover{color:#fff;transform:translateY(-3px) scale(1.04)}.memory-confetti{position:fixed;top:-50px;z-index:100000;font-size:25px;pointer-events:none;animation:memoryConfettiFall linear forwards}@keyframes memoryEcoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes memoryMatchedPulse{0%{transform:scale(1)}45%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes memoryWrongShake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes memoryTimerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}@keyframes memorySparkleFly{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}to{opacity:0;transform:translate(calc(-50% + var(--memory-sparkle-x)),calc(-50% + var(--memory-sparkle-y))) scale(1.4) rotate(180deg)}}@keyframes memoryResultIcon{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(4deg)}}@keyframes memoryDecorationFloat{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-8px) rotate(6deg)}}@keyframes memoryConfettiFall{0%{opacity:1;transform:translateY(-10vh) rotate(0)}to{opacity:0;transform:translateY(110vh) rotate(720deg)}}@media (max-width: 1050px){.memory-board-section{left:28px;width:63%}.memory-eco-area{right:5px;transform:scale(.88);transform-origin:right bottom}}@media (max-width: 850px){.memory-title{min-width:auto;font-size:23px}.memory-game-info{position:static;margin-left:12px}.memory-game-area{min-height:790px}.memory-board-section{top:35px;left:5%;right:5%;bottom:auto;width:90%}.memory-card-grid{gap:10px}.memory-eco-area{right:15px;bottom:15px;height:300px;transform:scale(.72);transform-origin:right bottom}.memory-eco-chat{top:-25px}}@media (max-width: 620px){.memory-page{padding:12px 8px 20px}.memory-back-button{position:relative;top:auto;left:auto;margin-bottom:8px}.memory-header{flex-direction:column;gap:10px}.memory-game-info{margin:0}.memory-title{width:100%;font-size:19px}.memory-instruction{width:100%;max-width:100%;padding:9px 12px;font-size:14px}.memory-timer-box,.memory-score-box-top{min-width:96px;padding:8px 11px;font-size:16px}.memory-game-area{min-height:740px;border-radius:20px}.memory-board-section{top:28px;left:3%;right:3%;width:94%}.memory-card-grid{gap:7px}.memory-card{aspect-ratio:1 / 1}.memory-card-back,.memory-card-front{border-width:3px;border-radius:11px}.memory-card-icon{font-size:30px}.memory-card-front small{display:none}.memory-back-pattern{font-size:31px}.memory-match-progress{margin-top:12px;padding:7px 13px}.memory-match-progress strong{font-size:20px}.memory-eco-area{right:-20px;bottom:0;transform:scale(.57);transform-origin:right bottom}.memory-result-card{padding:27px 16px 22px;border-radius:27px}.memory-result-card h2{font-size:28px}.memory-result-icon{font-size:63px}.memory-result-stars{font-size:29px}.memory-play-again,.memory-back-menu{width:100%}}.memory-page{min-height:100vh;padding:14px 22px 24px}.memory-game-wrapper{width:min(1180px,calc(100% - 30px))}.memory-header{min-height:62px}.memory-title{min-width:350px;padding:10px 30px;font-size:27px;border-radius:17px}.memory-instruction{margin:5px auto 11px;padding:8px 25px;font-size:15px}.memory-game-area{height:610px;min-height:610px;border-radius:25px}.memory-board-section{position:absolute;top:30px;left:42px;bottom:auto;width:650px;height:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.memory-card-grid{width:650px;display:grid;grid-template-columns:repeat(4,1fr);gap:11px;perspective:1200px}.memory-card{width:100%;height:112px;aspect-ratio:auto;border-radius:14px}.memory-card-back,.memory-card-front{border-width:3px;border-radius:14px;box-shadow:0 4px #56309040,0 7px 13px #00000026}.memory-back-pattern{font-size:39px}.memory-card-icon{font-size:41px}.memory-card-front small{margin-top:2px;font-size:12px}.memory-card:hover{z-index:5}.memory-card:hover .memory-card-back{transform:translateY(-4px) scale(1.025);box-shadow:0 6px #56309040,0 11px 18px #0003}.memory-match-progress{width:165px;margin-top:14px;padding:8px 15px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-radius:13px}.memory-match-progress span{font-size:13px}.memory-match-progress strong{font-size:19px}.memory-eco-area{position:absolute;right:28px;bottom:15px;width:300px;height:475px;display:flex;align-items:center;justify-content:flex-end}.memory-eco-image{width:225px}.memory-eco-chat{top:22px;left:-8px;width:190px;min-height:100px;padding:14px;border-radius:48%;font-size:14px;line-height:1.35}.memory-help-button{right:10px;bottom:10px;padding:9px 14px}.memory-game-info{right:0}.memory-timer-box,.memory-score-box-top{min-width:100px;padding:9px 14px;font-size:16px}@media (max-width: 1200px){.memory-board-section{left:28px;width:610px}.memory-card-grid{width:610px}.memory-card{height:105px}.memory-eco-area{right:10px;transform:scale(.92);transform-origin:right bottom}}@media (max-width: 950px){.memory-game-area{height:800px;min-height:800px}.memory-board-section{top:30px;left:5%;width:90%}.memory-card-grid{width:100%}.memory-card{height:auto;aspect-ratio:1 / .72}.memory-eco-area{right:15px;bottom:10px;height:275px;transform:scale(.7);transform-origin:right bottom}.memory-eco-chat{top:-25px}}@media (max-width: 620px){.memory-page{padding:10px 8px 18px}.memory-game-wrapper{width:100%}.memory-game-area{height:690px;min-height:690px}.memory-board-section{top:22px;left:3%;width:94%}.memory-card-grid{width:100%;gap:7px}.memory-card{height:auto;aspect-ratio:1 / .88}.memory-card-icon,.memory-back-pattern{font-size:28px}.memory-match-progress{width:145px;margin-top:10px;padding:7px 12px}.memory-eco-area{right:-28px;bottom:-5px;transform:scale(.52);transform-origin:right bottom}}.material-menu-page{position:relative;min-height:100vh;padding:28px 35px 45px;font-family:Nunito,sans-serif;overflow:hidden}.material-menu-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(180deg,#d7f8ff29,#fff4ce26);pointer-events:none}.material-menu-container{position:relative;z-index:2;width:min(1180px,100%);margin:0 auto}.material-menu-back{position:absolute;top:24px;left:28px;z-index:10;width:55px;height:55px;display:flex;align-items:center;justify-content:center;border:4px solid #fff;border-radius:50%;background:linear-gradient(180deg,#a46ae0,#7442bb);color:#fff;font-size:28px;text-decoration:none;box-shadow:0 6px #5a2f98,0 10px 19px #0000002e;transition:.2s ease}.material-menu-back:hover{color:#fff;transform:translateY(-3px) scale(1.05)}.material-menu-header{position:relative;min-height:245px;display:flex;justify-content:center;align-items:flex-start}.material-menu-heading{width:620px;text-align:center}.material-zone-label{width:max-content;margin:0 auto 12px;padding:9px 24px;border-radius:50px;background:#fffffff0;color:#357b35;font-size:15px;font-weight:900;box-shadow:0 6px 15px #00000021}.material-menu-heading h1{margin:0;font-size:54px;font-weight:1000;letter-spacing:1px;line-height:1;text-shadow:0 4px 0 #fff,0 7px 10px rgba(0,0,0,.12)}.material-menu-heading h1 span{color:#69a82b}.material-menu-heading h1 strong{color:#9160d3}.material-menu-heading p{width:570px;max-width:100%;margin:16px auto 0;color:#314e45;font-size:20px;font-weight:800;line-height:1.45}.material-menu-eco{position:absolute;right:0;bottom:-35px;width:270px;height:265px}.material-menu-eco img{position:absolute;right:5px;bottom:0;width:210px;filter:drop-shadow(0 9px 7px rgba(0,0,0,.2));animation:materialEcoFloat 2.8s ease-in-out infinite}.material-menu-bubble{position:absolute;top:0;right:105px;z-index:3;width:205px;min-height:92px;padding:17px;display:flex;align-items:center;justify-content:center;border:3px solid #e3dec5;border-radius:45%;background:#fff;color:#2f493d;text-align:center;font-size:15px;font-weight:900;line-height:1.4;box-shadow:0 8px 17px #00000026}.material-menu-bubble:after{content:"";position:absolute;right:22px;bottom:-14px;border-width:14px 8px 0;border-style:solid;border-color:#fff transparent transparent;transform:rotate(-18deg)}.material-card-grid{width:840px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.material-card{--material-color: #55ae45;--material-soft: #effbea;position:relative;min-height:315px;padding:22px 20px 19px;display:flex;flex-direction:column;align-items:center;border:4px solid rgba(255,255,255,.95);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.97),var(--material-soft));text-align:center;box-shadow:0 8px #6455411f,0 15px 26px #00000029;transition:transform .25s ease,box-shadow .25s ease}.material-card:hover{transform:translateY(-9px) rotate(-.5deg);box-shadow:0 12px #6455411f,0 23px 34px #00000036}.material-card-number{position:absolute;top:15px;left:16px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:3px solid #fff;border-radius:50%;background:var(--material-color);color:#fff;font-size:17px;font-weight:1000;box-shadow:0 4px 8px #00000029}.material-card-icon{height:88px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:69px;filter:drop-shadow(0 5px 3px rgba(0,0,0,.13));transition:.25s ease}.material-card:hover .material-card-icon{transform:scale(1.1) rotate(2deg)}.material-trash-icons{font-size:39px}.material-card-3r{color:#6aa728;font-size:58px;font-weight:1000;letter-spacing:-5px}.material-card h2{margin:8px 0;color:#243a35;font-size:21px;font-weight:1000}.material-card p{min-height:63px;margin:0;color:#52625c;font-size:14px;font-weight:700;line-height:1.45}.material-card-meta{margin:10px 0 13px;color:var(--material-color);font-size:12px;font-weight:1000}.material-card-button{min-width:125px;padding:10px 17px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:3px solid #fff;border-radius:50px;background:var(--material-color);color:#fff;font-size:14px;font-weight:1000;text-decoration:none;box-shadow:0 5px #00000021;transition:.2s ease}.material-card-button:hover{color:#fff;transform:translateY(-3px) scale(1.04)}.material-card-green{--material-color: #45a83f;--material-soft: #effae9}.material-card-orange{--material-color: #ff9e18;--material-soft: #fff4df}.material-card-blue{--material-color: #45a9df;--material-soft: #eaf7ff}.material-card-purple{--material-color: #9560d2;--material-soft: #f4ebff}.material-card-tosca{--material-color: #19b5a9;--material-soft: #e7fcf9}.material-card-pink{--material-color: #ee668c;--material-soft: #fff0f5}.material-eco-tip{width:840px;margin:24px auto 0;padding:15px 24px;display:flex;align-items:center;justify-content:center;gap:14px;border:4px solid rgba(255,255,255,.92);border-radius:21px;background:#fff9d8f0;color:#625226;box-shadow:0 7px #b48f3124,0 13px 24px #00000024}.material-eco-tip-icon{font-size:33px}.material-eco-tip strong{display:block;color:#d4901b;font-size:17px;font-weight:1000}.material-eco-tip p{margin:2px 0 0;font-size:14px;font-weight:800}@keyframes materialEcoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width: 1050px){.material-menu-eco{right:-20px;transform:scale(.85);transform-origin:right bottom}.material-card-grid,.material-eco-tip{width:780px}}@media (max-width: 850px){.material-menu-header{min-height:280px}.material-menu-heading{width:100%}.material-menu-heading h1{font-size:43px}.material-menu-eco{right:-25px;bottom:-45px;transform:scale(.7)}.material-card-grid{width:100%;grid-template-columns:repeat(2,1fr)}.material-eco-tip{width:100%}}@media (max-width: 600px){.material-menu-page{padding:15px 10px 28px}.material-menu-back{position:relative;top:auto;left:auto;margin-bottom:12px}.material-menu-header{min-height:225px}.material-zone-label{margin-top:0}.material-menu-heading h1{font-size:34px}.material-menu-heading p{font-size:16px}.material-menu-eco{display:none}.material-card-grid{grid-template-columns:1fr}.material-card{min-height:285px}.material-eco-tip{padding:13px 15px;align-items:flex-start}}.material-menu-heading{animation:munculJudul .9s ease both}@keyframes munculJudul{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.material-zone-label{animation:labelGlow 2s infinite}@keyframes labelGlow{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.material-card{animation:cardMasuk .8s ease both}.material-card:nth-child(1){animation-delay:.2s}.material-card:nth-child(2){animation-delay:.4s}.material-card:nth-child(3){animation-delay:.6s}.material-card:nth-child(4){animation-delay:.8s}.material-card:nth-child(5){animation-delay:1s}.material-card:nth-child(6){animation-delay:1.2s}@keyframes cardMasuk{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.material-card-icon{animation:iconMateri 3s infinite}@keyframes iconMateri{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.material-menu-eco img{animation:ecoLoncat 3s infinite ease-in-out}@keyframes ecoLoncat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(3deg)}}.material-menu-bubble{animation:bubblePop 1s ease}@keyframes bubblePop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.material-card-button{position:relative;overflow:hidden}.material-card-button:after{content:"";position:absolute;top:0;left:-100%;width:80%;height:100%;background:#ffffff59;transform:skew(-25deg);transition:.5s}.material-card-button:hover:after{left:130%}.material-eco-tip{animation:tipsNaik 2.5s infinite}@keyframes tipsNaik{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.material-menu-page:before{content:"✨ 🌱 ✨";position:absolute;top:100px;left:60px;font-size:35px;opacity:.7;animation:hiasGerak 5s infinite;z-index:1}@keyframes hiasGerak{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-20px);opacity:1}}.materi-detail-page{position:relative;min-height:100vh;padding:35px 30px 60px;font-family:Nunito,sans-serif;background:linear-gradient(#ffffff1f,#ffffff1f),url(/build/assets/backround2-D10o8zSB.png);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.materi-back-button{position:absolute;top:25px;left:25px;width:52px;height:52px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:#8e5bd9;color:#fff;font-size:26px;border:4px solid white;box-shadow:0 5px #6335a8;z-index:30}.materi-detail-header{position:relative;display:flex;justify-content:center;margin-bottom:35px}.materi-title-box{width:650px;padding:22px 40px;border-radius:30px;background:#ffffffe0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;box-shadow:0 10px 25px #00000026}.materi-label{color:#329442;font-size:18px;font-weight:900}.materi-title-box h1{margin:8px 0;color:#2d8d3d;font-size:38px;font-weight:900}.materi-title-box p{margin:0;color:#38595b;font-size:18px;font-weight:700}.materi-eco{position:absolute;right:-80px;top:170px;z-index:15}.materi-eco img{width:330px;height:auto;filter:drop-shadow(0 12px 10px rgba(0,0,0,.25))}.materi-bubble{position:absolute;width:220px;right:180px;top:-40px;padding:15px;background:#fff;border-radius:25px;text-align:center;color:#42634b;font-size:16px;font-weight:900;box-shadow:0 8px 20px #0000002e}.materi-content-card{width:760px;margin:auto;padding:45px;border-radius:35px;background:#ffffffed;box-shadow:0 15px 35px #0000002e;text-align:center}.materi-main-icon{font-size:70px}.materi-content-card h2{margin:10px 0;color:#329442;font-size:32px;font-weight:900}.materi-content-card p{color:#42585a;font-size:20px;font-weight:700}.contoh-sampah{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:25px}.contoh-item{background:#effbe8;padding:20px 10px;border-radius:20px;display:flex;flex-direction:column;align-items:center;font-size:45px}.contoh-item span{margin-top:10px;font-size:16px;font-weight:900;color:#38523c}.materi-info-box{margin-top:30px;padding:20px;border-radius:20px;background:#fff4ce;color:#70572c;font-size:18px;font-weight:800}.materi-navigation{display:flex;justify-content:center;gap:20px;margin-top:35px}.materi-nav-button{padding:14px 35px;border-radius:30px;background:#329442;color:#fff;text-decoration:none;font-weight:900;box-shadow:0 5px #23702f}@media (max-width: 1000px){.materi-eco{right:-30px;top:200px}.materi-eco img{width:260px}}@media (max-width: 750px){.materi-title-box{width:100%}.materi-content-card{width:100%;padding:25px}.materi-eco{display:none}.contoh-sampah{grid-template-columns:repeat(2,1fr)}}.materi-title-box{animation:titleAppear .8s ease both}.materi-content-card{animation:cardAppear .8s ease .3s both}.materi-eco{animation:ecoFloat 3s ease-in-out infinite}.materi-eco:hover img{transform:scale(1.08) rotate(3deg)}.materi-bubble{animation:bubbleAppear .8s ease .5s both}.materi-main-icon{animation:trashBounce 2s infinite}.contoh-item{cursor:pointer;transition:.3s}.contoh-item:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 10px 20px #00000026}.contoh-item:nth-child(1){animation:itemShow .6s ease .3s both}.contoh-item:nth-child(2){animation:itemShow .6s ease .5s both}.contoj-item:nth-child(3){animation:itemShow .6s ease .7s both}.contoh-item:nth-child(4){animation:itemShow .6s ease .9s both}.materi-info-box{animation:infoPulse 2.5s infinite}@keyframes titleAppear{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes cardAppear{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes bubbleAppear{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes trashBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes itemShow{0%{opacity:0;transform:scale(.8) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes infoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.materi-detail-page{min-height:100vh;padding:40px 30px 80px;font-family:Nunito,sans-serif;position:relative;overflow:visible}.materi-detail-container{width:1100px;max-width:100%;margin:auto;position:relative}.materi-back-button{position:absolute;top:25px;left:25px;width:50px;height:50px;background:#8e5bd9;color:#fff;border-radius:50%;border:4px solid white;display:flex;align-items:center;justify-content:center;font-size:25px;z-index:20}.materi-header{display:flex;justify-content:center;margin-bottom:35px}.materi-title-box{width:700px;background:#ffffffe0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:25px 40px;border-radius:30px;text-align:center;box-shadow:0 10px 25px #00000026}.materi-label{color:#329442;font-weight:900;font-size:18px}.materi-title-box h1{margin:10px 0;color:#329442;font-size:38px;font-weight:900}.materi-title-box p{margin:0;color:#40585a;font-size:18px;font-weight:700}.materi-eco{position:absolute;right:-260px;bottom:-170px;z-index:15}.materi-eco img{width:390px;filter:drop-shadow(0 12px 10px rgba(0,0,0,.25))}.materi-bubble{position:absolute;width:220px;right:260px;top:-40px;background:#fff;padding:18px;border-radius:25px;text-align:center;color:#42634b;font-weight:900;box-shadow:0 8px 20px #00000026}.jenis-container{width:1000px;max-width:100%;margin:auto;padding:35px;background:#ffffffed;border-radius:35px;box-shadow:0 15px 35px #0000002e}.jenis-container h2{text-align:center;color:#329442;font-size:30px;font-weight:900;margin-bottom:30px}.jenis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.jenis-card{min-height:400px;padding:25px;border-radius:25px;display:flex;flex-direction:column}.jenis-icon{width:70px;height:70px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:38px;margin:auto}.jenis-card h3{text-align:center;font-size:21px;font-weight:900;color:#273b3b}.jenis-card p{font-size:15px;font-weight:700;color:#40585a;line-height:1.5}.jenis-card h4{margin-bottom:5px}.jenis-card ul{padding-left:20px;margin-top:0}.jenis-card li{font-weight:700;margin-bottom:5px}.organik{background:#effbe8;border:3px solid #75c943}.organik .jenis-icon{background:#75c943}.anorganik{background:#fff4d8;border:3px solid #f5b323}.anorganik .jenis-icon{background:#f5b323}.b3{background:#ffe8e5;border:3px solid #ef6b61}.b3 .jenis-icon{background:#ef6b61}.jenis-footer{margin-top:auto;background:#fff;padding:12px;border-radius:15px;font-size:14px;font-weight:900}.ingat-box{width:700px;max-width:90%;margin:25px auto;padding:15px;background:#fff3c9;border-radius:20px;text-align:center;font-weight:900}.materi-navigation{display:flex;justify-content:center;gap:20px;margin-top:25px}.materi-nav-button{padding:14px 35px;border-radius:30px;background:#329442;color:#fff;font-weight:900;text-decoration:none;box-shadow:0 5px #23702f}.materi-nav-button.next{background:#f5a623;box-shadow:0 5px #c47d00}@media (max-width: 900px){.jenis-grid{grid-template-columns:1fr}.materi-eco{display:none}}.materi-title-box{animation:slideDown .8s ease both}.jenis-container{animation:fadeUp .8s ease .3s both}.materi-eco{animation:ecoMove 3s ease-in-out infinite}.materi-eco img{transition:.3s}.materi-eco:hover img{transform:scale(1.08) rotate(4deg)}.materi-bubble{animation:bubbleShow .8s ease .5s both}.jenis-card{cursor:pointer;transition:.35s}.jenis-card:hover{transform:translateY(-12px) scale(1.03);box-shadow:0 15px 25px #0000002e}.jenis-icon{animation:iconFloat 2s ease-in-out infinite}.jenis-footer{transition:.3s}.jenis-card:hover .jenis-footer{transform:scale(1.05)}.ingat-box{animation:pulseRemember 2.5s infinite}.materi-nav-button:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.organik{animation:fadeUp .7s ease .3s both}.anorganik{animation:fadeUp .7s ease .5s both}.b3{animation:fadeUp .7s ease .7s both}@keyframes slideDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes ecoMove{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes bubbleShow{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulseRemember{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.materi3-page{min-height:100vh;padding:40px 30px 80px;position:relative;font-family:Nunito,sans-serif;overflow:visible}.materi3-container{width:1100px;max-width:100%;margin:auto;position:relative}.materi3-header{display:flex;justify-content:center;margin-bottom:30px}.materi3-title-box{background:#ffffffe6;padding:25px 50px;border-radius:30px;text-align:center;box-shadow:0 10px 25px #00000026}.materi3-title-box h1{color:#329442;font-size:38px;font-weight:900;margin:10px 0}.materi3-title-box p{font-weight:700;color:#40585a}.materi3-eco{position:absolute;right:-80px;top:40px;z-index:20}.materi3-eco img{width:300px;height:auto;filter:drop-shadow(0 12px 10px rgba(0,0,0,.25))}.materi3-bubble{position:absolute;right:180px;top:-20px;width:220px;background:#fff;padding:18px;border-radius:25px;text-align:center;font-weight:900;color:#42634b;box-shadow:0 8px 20px #00000026}.materi3-intro{width:800px;margin:auto;background:#eefbea;padding:25px;border-radius:25px;display:flex;align-items:center;gap:25px}.intro-icon{font-size:55px}.materi3-intro h2{color:#329442;font-weight:900}.materi3-card{background:#fffffff0;padding:35px;margin-top:25px;border-radius:35px;box-shadow:0 15px 35px #0000002e}.materi3-section-title{text-align:center;color:#329442;font-size:28px;font-weight:900}.manfaat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.manfaat-card{padding:25px 15px;border-radius:25px;text-align:center}.manfaat-icon{font-size:45px}.manfaat-card h3{font-weight:900}.manfaat-card p{font-weight:700;color:#40585a}.organik3{background:#effbe8;border:3px solid #75c943}.anorganik3{background:#fff4d8;border:3px solid #f5b323}.b33{background:#ffe8e5;border:3px solid #ef6b61}.bersih3{background:#e8f5ff;border:3px solid #4da3e3}.materi3-ingat{width:500px;margin:25px auto;background:#fff3c9;padding:20px;border-radius:25px;text-align:center;font-weight:900;color:#70572c}.materi3-ingat span{font-size:20px}@media (max-width: 900px){.manfaat-grid{grid-template-columns:1fr}.materi3-eco{display:none}.materi3-intro{width:100%}}.materi3-title-box{animation:fadeDown .8s ease}.materi3-intro{animation:fadeUp .8s ease .2s both}.materi3-card{animation:fadeUp .8s ease .4s both}.materi3-eco{animation:ecoFloat 3s ease-in-out infinite}.materi3-eco img{transition:.3s}.materi3-eco:hover img{transform:scale(1.08) rotate(3deg)}.materi3-bubble{animation:bubblePop .8s ease}.manfaat-card{transition:.3s;cursor:pointer}.manfaat-card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 12px 25px #0000002e}.manfaat-icon{animation:iconBounce 2s infinite}.materi3-ingat{animation:pulseBox 2.5s infinite}.materi-nav-button:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0003}@keyframes fadeDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes ecoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes bubblePop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulseBox{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.manfaat-card:nth-child(1){animation:fadeUp .8s ease .3s both}.manfaat-card:nth-child(2){animation:fadeUp .8s ease .5s both}.manfaat-card:nth-child(3){animation:fadeUp .8s ease .7s both}.manfaat-card:nth-child(4){animation:fadeUp .8s ease .9s both}.materi4-page{min-height:100vh;padding:40px 30px 80px;font-family:Nunito,sans-serif;position:relative;overflow:visible}.materi4-container{width:1100px;max-width:100%;margin:auto;position:relative}.materi4-header{display:flex;justify-content:center;margin-bottom:35px}.materi4-title-box{width:700px;padding:25px 45px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:35px;text-align:center;box-shadow:0 10px 25px #00000026}.materi4-title-box h1{color:#329442;font-size:38px;font-weight:900;margin:10px 0}.materi4-title-box p{color:#40585a;font-size:18px;font-weight:700}.materi4-eco{position:absolute;right:-170px;top:-40px;z-index:20;animation:ecoFloat4 3s infinite ease-in-out}.materi4-eco img{width:360px;filter:drop-shadow(0 12px 10px rgba(0,0,0,.25))}.materi4-bubble{position:absolute;width:220px;right:230px;top:-20px;background:#fff;padding:18px;border-radius:25px;text-align:center;font-weight:900;color:#42634b;box-shadow:0 8px 20px #00000026}.materi4-section{background:#fffffff0;padding:40px;border-radius:35px;box-shadow:0 15px 35px #0000002e}.materi4-section h2{text-align:center;color:#329442;font-size:30px;font-weight:900}.materi4-desc{text-align:center;font-size:18px;font-weight:700;color:#40585a;margin-bottom:30px}.dampak-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.dampak-card{padding:30px;border-radius:30px;transition:.3s}.dampak-card:hover{transform:translateY(-8px)}.dampak-icon{font-size:55px;text-align:center}.dampak-card h3{text-align:center;font-size:25px;font-weight:900}.dampak-card li{font-size:17px;font-weight:700;color:#40585a;margin-bottom:12px}.kesehatan{background:#ffe8e8;border:3px solid #ef6b61}.kesehatan h3{color:#d9574c}.lingkungan{background:#e8f5ff;border:3px solid #4da3e3}.lingkungan h3{color:#2980c9}.materi4-ingat{width:500px;max-width:90%;margin:30px auto;padding:20px;background:#fff3c9;border-radius:25px;text-align:center;font-size:20px;font-weight:900;color:#70572c;animation:pulse4 2.5s infinite}@keyframes ecoFloat4{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse4{50%{transform:scale(1.04)}}@media (max-width: 900px){.dampak-grid{grid-template-columns:1fr}.materi4-eco{display:none}}.materi4-title-box{animation:munculAtas .8s ease both}.materi4-section{animation:munculBawah .8s ease .3s both}.materi4-eco{animation:ecoTerbang 3s ease-in-out infinite}.materi4-eco img{transition:.4s}.materi4-eco:hover img{transform:scale(1.1) rotate(5deg)}.materi4-bubble{animation:bubbleMasuk .8s ease .5s both}.materi4-desc{animation:teksMuncul 1s ease .5s both}.dampak-card{cursor:pointer;position:relative;overflow:hidden}.dampak-card:before{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:#ffffff80;top:-40px;right:-40px}.dampak-card:hover{transform:translateY(-12px) scale(1.04);box-shadow:0 15px 30px #0000002e}.dampak-icon{animation:iconGerak 2s infinite}.kesehatan{animation:munculKiri .8s ease .5s both}.lingkungan{animation:munculKanan .8s ease .7s both}.materi4-ingat{position:relative;overflow:hidden}.materi4-ingat:after{content:"🌱";position:absolute;right:20px;top:10px;font-size:35px;animation:daunGerak 2s infinite}.materi-navigation{animation:munculBawah 1s ease 1s both}.materi-nav-button{transition:.3s}.materi-nav-button:hover{transform:translateY(-6px) scale(1.05)}@keyframes munculAtas{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes munculBawah{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes munculKiri{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes munculKanan{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes teksMuncul{0%{opacity:0}to{opacity:1}}@keyframes ecoTerbang{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes bubbleMasuk{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes iconGerak{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes daunGerak{0%,to{transform:rotate(0)}50%{transform:rotate(15deg)}}.materi5-page{min-height:100vh;padding:40px 30px 80px;font-family:Nunito,sans-serif;position:relative;overflow:visible}.materi5-container{width:1100px;max-width:100%;margin:auto;position:relative}.materi5-header{display:flex;justify-content:center;margin-bottom:35px}.materi5-title-box{width:700px;padding:25px 45px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:35px;text-align:center;box-shadow:0 10px 25px #00000026;animation:muncul5 .8s}.materi5-title-box h1{color:#329442;font-size:40px;font-weight:900}.materi5-title-box p{font-size:18px;font-weight:700;color:#40585a}.materi5-eco{position:absolute;right:-160px;top:-80px;z-index:20;animation:eco5 3s infinite}.materi5-eco img{width:360px;filter:drop-shadow(0 12px 10px rgba(0,0,0,.25))}.materi5-bubble{position:absolute;width:230px;right:220px;top:-20px;background:#fff;padding:18px;border-radius:25px;text-align:center;font-weight:900;color:#42634b;box-shadow:0 8px 20px #00000026}.materi5-card{background:#fffffff0;padding:35px;border-radius:35px;box-shadow:0 15px 35px #0000002e}.materi5-card h2{text-align:center;color:#329442;font-size:30px;font-weight:900}.r3-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.r3-box{padding:30px 20px;border-radius:30px;text-align:center;transition:.3s}.r3-box:hover{transform:translateY(-10px) scale(1.03)}.r3-icon{font-size:55px}.r3-box h3{font-size:28px;font-weight:900;margin:5px}.r3-box h4{margin:0}.r3-box p{font-weight:700;color:#40585a}.reduce5{background:#effbe8;border:3px solid #75c943}.reuse5{background:#fff4d8;border:3px solid #f5b323}.recycle5{background:#e8f5ff;border:3px solid #4da3e3}.contoh3-card{margin-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.contoh3-item{padding:25px;border-radius:25px;background:#fff;font-weight:800;box-shadow:0 8px 20px #0000001f}.contoh3-item h3{text-align:center;font-weight:900}.materi5-pesan{width:500px;max-width:90%;margin:30px auto;padding:22px;background:#fff3c9;border-radius:25px;text-align:center;font-size:20px;font-weight:900;color:#70572c;animation:pulse5 2s infinite}@keyframes eco5{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes muncul5{0%{opacity:0;transform:translateY(-40px)}to{opacity:1}}@keyframes pulse5{50%{transform:scale(1.04)}}@media (max-width: 900px){.r3-grid,.contoh3-card{grid-template-columns:1fr}.materi5-eco{display:none}}.materi5-title-box{animation:masukAtas5 .8s ease both}.materi5-card{animation:munculBawah5 .8s ease .3s both}.materi5-eco{animation:ecoTerbang5 3s ease-in-out infinite}.materi5-eco img{transition:.4s}.materi5-eco:hover img{transform:scale(1.1) rotate(4deg)}.materi5-bubble{animation:bubbleMuncul5 .8s ease .5s both}.r3-box{cursor:pointer;position:relative;overflow:hidden}.r3-box:hover{transform:translateY(-15px) scale(1.05);box-shadow:0 15px 30px #0003}.r3-icon{animation:iconLompat5 2s infinite}.reduce5{animation:munculKiri5 .8s ease .4s both}.reuse5{animation:munculAtas5 .8s ease .6s both}.recycle5{animation:munculKanan5 .8s ease .8s both}.contoh3-card{animation:munculBawah5 1s ease 1s both}.contoh3-item{transition:.3s}.contoh3-item:hover{transform:translateY(-8px);box-shadow:0 12px 25px #0000002e}.materi5-pesan{animation:pesanEco5 2.5s infinite}.materi5-page .materi-nav-button{transition:.3s}.materi5-page .materi-nav-button:hover{transform:translateY(-6px) scale(1.05)}@keyframes masukAtas5{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes munculBawah5{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes munculKiri5{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes munculKanan5{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes ecoTerbang5{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes bubbleMuncul5{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes iconLompat5{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pesanEco5{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes munculAtas5{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.video-page{min-height:100vh;padding:40px 30px 80px;font-family:Nunito,sans-serif;position:relative;overflow:hidden}.video-container{width:1100px;max-width:100%;margin:auto;position:relative}.video-header{display:flex;justify-content:center}.video-title-box{background:#ffffffe6;padding:30px 50px;border-radius:35px;text-align:center;box-shadow:0 15px 30px #0000002e;animation:munculVideo .8s ease}.video-title-box h1{font-size:42px;color:#329442;font-weight:900;margin:10px}.video-title-box h2{color:#26863b;font-size:22px}.video-title-box p{font-size:18px;font-weight:700;color:#40585a}.video-eco{position:absolute;right:-180px;top:40px;z-index:10;animation:ecoVideo 3s infinite}.video-eco img{width:360px;filter:drop-shadow(0 12px 15px rgba(0,0,0,.3))}.video-bubble{position:absolute;right:230px;top:-20px;width:220px;background:#fff;padding:18px;border-radius:25px;text-align:center;font-weight:900;color:#42634b;box-shadow:0 10px 20px #00000026}.video-card{margin:50px auto 30px;background:#fffffff2;padding:35px;border-radius:40px;box-shadow:0 15px 35px #0003}.video-label{text-align:center;font-size:28px;font-weight:900;color:#329442;margin-bottom:20px}.youtube-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:30px}.youtube-wrapper iframe{position:absolute;width:100%;height:100%;border:0}.video-duration{text-align:center;margin-top:20px;font-size:18px;font-weight:900}.setelah-card{background:#fffffff0;padding:35px;border-radius:35px}.setelah-card h2{text-align:center;color:#329442;font-weight:900}.nilai-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.nilai-item{padding:25px;border-radius:25px;text-align:center;transition:.3s}.nilai-item:hover{transform:translateY(-10px)}.nilai-item div{font-size:50px}.nilai-item h3{font-weight:900}.nilai-item p{font-weight:700}.video-pesan{width:550px;max-width:90%;margin:30px auto;padding:20px;background:#fff3c9;border-radius:25px;text-align:center;font-size:20px;font-weight:900;animation:pulseVideo 2.5s infinite}@keyframes ecoVideo{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes munculVideo{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseVideo{50%{transform:scale(1.05)}}@media (max-width: 900px){.video-eco{display:none}.nilai-grid{grid-template-columns:1fr}}.tentang-page{min-height:100vh;padding:40px 30px 80px;font-family:Nunito,sans-serif;position:relative;overflow:hidden}.tentang-container{width:1100px;max-width:100%;margin:auto;position:relative}.tentang-header{display:flex;justify-content:center;margin-bottom:35px}.tentang-title-box{background:#ffffffe6;padding:25px 50px;border-radius:35px;text-align:center;box-shadow:0 10px 25px #00000026;animation:turun .8s ease}.tentang-title-box h1{font-size:42px;color:#329442;font-weight:900;margin:10px}.tentang-title-box p{font-size:18px;font-weight:700;color:#40585a}.tentang-eco{position:absolute;right:-220px;top:260px;z-index:10;animation:melayang 3s infinite ease-in-out}.tentang-eco img{width:300px;filter:drop-shadow(0 12px 10px rgba(0,0,0,.25))}.tentang-bubble{position:absolute;right:180px;top:-80px;width:200px;background:#fff;padding:18px;border-radius:25px;text-align:center;font-weight:900;color:#42634b;box-shadow:0 8px 20px #00000026}.tentang-card{background:#fffffff0;padding:35px;border-radius:35px;box-shadow:0 15px 35px #0000002e;margin-bottom:25px;text-align:center}.tentang-icon{font-size:65px}.tentang-card h2{color:#329442;font-size:30px;font-weight:900}.tentang-card p{font-size:18px;font-weight:700;color:#40585a;line-height:1.6}.fitur-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.fitur-box{padding:25px;border-radius:25px;transition:.3s}.fitur-box:hover{transform:translateY(-10px)}.fitur-box div{font-size:45px}.fitur-box h3{font-weight:900}.fitur-box p{font-size:15px}.hijau{background:#effbe8;border:3px solid #75c943}.kuning{background:#fff4d8;border:3px solid #f5b323}.biru{background:#e8f5ff;border:3px solid #4da3e3}.tujuan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px}.tujuan-card{background:#fff;padding:25px;border-radius:25px;text-align:center;box-shadow:0 10px 20px #0000001f;font-size:35px}.tujuan-card h3{color:#329442;font-weight:900;font-size:22px}.tujuan-card p{font-size:15px;font-weight:700}.pengembang-card{background:#fff3c9;padding:30px;border-radius:30px;text-align:center;font-weight:700}.nama-pembuat{margin-top:20px;background:#fff;padding:20px;border-radius:20px;font-size:18px}.pesan-eco{margin:30px auto;width:600px;max-width:90%;background:#fff;padding:25px;border-radius:30px;text-align:center;font-size:20px;font-weight:900;color:#329442;box-shadow:0 10px 25px #00000026}@keyframes melayang{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes turun{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.fitur-grid,.tujuan-grid{grid-template-columns:1fr}.tentang-eco{display:none}}.quiz-play-page{padding-bottom:80px}.quiz-box{background:#fff;max-width:750px;margin:auto;padding:35px;border-radius:35px;box-shadow:0 10px 30px #00000026}.quiz-top{text-align:center;font-size:20px;font-weight:700;color:#2e8b57;margin-bottom:20px}.quiz-box h3{text-align:center;font-size:24px;color:#444;margin:30px 0;line-height:1.5}.answer-btn{width:100%;padding:15px 20px;margin:10px 0;border:none;border-radius:25px;background:#f1f8f1;color:#444;font-size:17px;text-align:left;cursor:pointer;transition:.3s}.answer-btn:hover{background:#d9f2d9;transform:translateY(-3px)}.answer-btn:active{transform:scale(.97)}.popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000073;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:center;align-items:center;z-index:9999}.popup-overlay.show{display:flex}.answer-popup{background:#fff;width:380px;padding:35px;border-radius:35px;text-align:center;box-shadow:0 15px 40px #00000040;animation:popupShow .3s ease}@keyframes popupShow{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.popup-icon{font-size:70px}.answer-popup h2{font-size:32px;font-weight:900;margin:15px 0}.answer-popup p{font-size:18px;line-height:1.5}.benar-popup .answer-popup{border-top:10px solid #2ecc71}.benar-popup h2{color:#2ecc71}.salah-popup .answer-popup{border-top:10px solid #e74c3c}.salah-popup h2{color:#e74c3c}.next-btn{display:none;margin:20px auto 0}.quiz-progress{height:12px;background:#eee;border-radius:20px;overflow:hidden;margin-top:30px}#progress{height:100%;width:0%;background:#2e8b57;transition:.5s}.quiz-result{display:none;background:#fff;max-width:600px;margin:auto;padding:40px;border-radius:35px;text-align:center;box-shadow:0 10px 30px #00000026}.quiz-result h2{color:#2e8b57;font-size:35px}.quiz-result h3{font-size:30px;color:#555}.quiz-result p{font-size:22px;margin:20px}.quiz-card{min-height:350px}.quiz-info{background:#f1f8f1;padding:10px;border-radius:20px;margin:20px 0;color:#2e8b57;font-weight:700}@media (max-width: 768px){.quiz-box{padding:25px;border-radius:25px}.quiz-box h3{font-size:20px}.answer-btn{font-size:15px}.quiz-result{padding:25px}}