@import "https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap";.eco-page{background-color:#0000;background-image:linear-gradient(#fff9,#fff9),url(../../../images/bg-main.jpg?v=1.0);background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.header-back{z-index:10;flex-shrink:0;align-items:center;padding:14px 16px 0;display:flex;position:relative}.btn-back{-webkit-backdrop-filter:blur(8px);width:36px;height:36px;color:var(--title);transition:transform var(--t) var(--ease), background var(--t) var(--ease);background:#ffffffb3;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex;box-shadow:0 2px 8px #0000001a}.btn-back:active{background:#ffffffe6;transform:scale(.9)}.eco-title{text-align:center;color:#0d4b68;flex-shrink:0;padding:45px 24px 6px}.eco-title h3{font-size:20px;font-family:var(--font_b);color:var(--dark);margin-bottom:0}.eco-title h1{font-size:22px;font-family:var(--font_b);text-transform:uppercase;color:var(--dark);margin-top:7px;line-height:1.5}.eco-title p{font-size:15px;line-height:1.5;font-family:var(--font_m);margin-top:10px}.eco-title-tagline{white-space:nowrap}.txt-best{text-align:center;width:100%;font-size:15px;font-family:var(--font_b);z-index:2;color:#0d4b68;margin:0;position:absolute;top:52%;left:0;transform:translateY(-250px)}.eco-diagram{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.eco-center{background:var(--white);width:120px;height:120px;box-shadow:0 0px 24px var(--primary), 0 0 0 12px #2b78d426;z-index:5;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.eco-center a{border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.eco-center img{object-fit:contain;width:100px;height:100px}.orbit-ring{border:2px dashed var(--primary-light);pointer-events:none;border-radius:50%;width:290px;height:290px;animation:30s linear infinite spin-slow;position:absolute}@keyframes spin-slow{to{transform:rotate(360deg)}}.eco-nodes{width:350px;height:350px;position:relative}.eco-node{text-align:center;cursor:pointer;transition:transform var(--t) var(--ease);z-index:1;flex-direction:column;align-items:center;width:85px;display:flex;position:absolute}.node-icon.white{background-color:var(--white)}.eco-node:active{transform:scale(.92)!important}.eco-node:first-child{top:-20px;left:50%;transform:translate(-50%)}.eco-node:first-child:active{transform:translate(-50%)scale(.92)!important}.eco-node:nth-child(2){top:90px;right:0}.eco-node:nth-child(3){bottom:-35px;right:40px}.eco-node:nth-child(4){bottom:-22px;left:40px}.eco-node:nth-child(5){top:90px;left:0}.node-icon{width:68px;height:68px;color:var(--white);transition:box-shadow var(--t) var(--ease);z-index:1;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;margin-bottom:-5px;font-size:28px;display:flex;overflow:hidden;box-shadow:0 4px 14px #00000040}.node-icon img{object-fit:contain;width:44px;height:44px}.eco-node:active .node-icon{box-shadow:0 6px 22px #00000040}.node-icon.blue{background:linear-gradient(135deg,#2a9df4 0%,#1167b1 100%)}.node-icon.indigo{background:linear-gradient(135deg,#5d7ae0 0%,#3040c0 100%)}.node-icon.red{background:linear-gradient(135deg,#f16a6a 0%,#c82020 100%)}.node-icon.green{background:linear-gradient(135deg,#44c97a 0%,#169a50 100%)}.node-icon.teal{background:linear-gradient(135deg,#29b5be 0%,#0e7a8a 100%)}.node-icon.cyan{background:linear-gradient(135deg, var(--primary-light) 0%, var(--primary) 100%)}.eco-node h5{font-size:14px;font-family:var(--font_b);color:var(--title);margin-bottom:2px;line-height:1.2}.eco-node p{color:var(--text);font-size:13px;line-height:1.2;font-family:var(--font_m);margin:0}.node-text{background:var(--white);border-radius:30px;width:150px;padding:11px 10px 8px;box-shadow:0 4px 12px #00000014}.cta-eco-glass{text-align:center;z-index:2;flex-shrink:0;margin:0 30px 45px;position:relative}.cta-eco-glass h2{color:var(--dark);font-size:16px;font-family:var(--font_m);margin-bottom:5px;line-height:1.5}.cta-eco-glass h2 strong{font-family:var(--font_b);color:var(--dark);font-size:18px}.btn-explore{color:var(--white);font-size:15px;font-family:var(--font_b);transition:transform var(--t) var(--ease), box-shadow var(--t) var(--ease);background:linear-gradient(90deg,#18b2c6 0%,#07f 100%);border-radius:99px;align-items:center;gap:8px;margin-top:5px;padding:10px 18px;display:inline-flex;box-shadow:0 4px 16px #2b78d459}.btn-explore:hover{color:var(--white)}.btn-explore:active{transform:scale(.96);box-shadow:0 2px 8px #2b78d440}.register-hint{color:var(--dark);margin-top:12px;font-size:14px}.register-hint a{color:var(--primary);font-family:var(--font_b)}.wave-decor{pointer-events:none;z-index:1;height:300px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.wave-decor svg{width:100%;height:100%}@media (max-width:991px){.eco-desktop-dash{display:none}.eco-title h1{font-size:16px}.txt-best{display:none}}@media (min-width:992px){.eco-page{background-color:#0000;background-image:linear-gradient(135deg,#ffffffb8 0%,#f0f8ffcc 100%),url(../../../images/bg-main.jpg?v=1.0);background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:100vw;max-width:100%;height:100vh;margin:0}.eco-title{padding:30px 24px 0!important}.eco-title h1{letter-spacing:-.5px;background:linear-gradient(135deg,#0d4b68 0%,#1a5fad 55%,#2b78d4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;width:fit-content;max-width:600px;margin:4px auto 0;font-size:clamp(20px,2.05vw,24px);line-height:1.4}.eco-title p{color:#405c7a;margin-top:6px;font-size:15px;line-height:1.6}.txt-best{-webkit-backdrop-filter:blur(10px);width:auto;color:var(--dark);z-index:10;background:#ffffffe6;border:1px solid #cedae7bf;border-radius:99px;padding:5px 18px;font-size:13px;display:none;position:absolute;top:-42px;left:50%;box-shadow:0 4px 14px #0d4b6812;transform:translate(-50%)!important}.eco-diagram{flex:1;min-height:0;transform:translateY(-28px)scale(1.1)}.orbit-ring{border-width:2px;border-color:#2b78d459;width:370px;height:370px;box-shadow:0 0 50px #2b78d414}.eco-center{width:125px;height:125px;transition:transform .3s var(--ease), box-shadow .3s var(--ease);box-shadow:0 8px 30px #2b78d447,0 0 0 12px #2b78d414}.eco-center:hover{transform:scale(1.06);box-shadow:0 12px 38px #2b78d461,0 0 0 15px #2b78d41f}.eco-center img{width:96px;height:96px}.eco-nodes{width:410px;height:410px}.eco-node{width:145px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.eco-node:first-child{top:-8px;left:50%;transform:translate(-50%)}.eco-node:first-child:hover{transform:translate(-50%)translateY(-5px)scale(1.05)!important}.eco-node:nth-child(2){top:102px;right:-42px}.eco-node:nth-child(2):hover{transform:translateY(-5px)scale(1.05)!important}.eco-node:nth-child(3){bottom:-12px;right:24px}.eco-node:nth-child(3):hover{transform:translateY(-5px)scale(1.05)!important}.eco-node:nth-child(4){bottom:-12px;left:24px}.eco-node:nth-child(4):hover{transform:translateY(-5px)scale(1.05)!important}.eco-node:nth-child(5){top:102px;left:-42px}.eco-node:nth-child(5):hover{transform:translateY(-5px)scale(1.05)!important}.node-icon{width:72px;height:72px;transition:all .28s var(--ease);border-width:3px;margin-bottom:-6px;font-size:30px;box-shadow:0 6px 20px #00000026}.node-icon img{width:46px;height:46px}.eco-node:hover .node-icon{box-shadow:0 10px 26px #2b78d459}.node-text{-webkit-backdrop-filter:blur(12px);width:145px;transition:all .28s var(--ease);background:#fffffff0;border:1px solid #fffffff2;border-radius:18px;padding:8px 10px 6px;box-shadow:0 6px 20px #0d4b6814,0 2px 4px #0000000a}.eco-node:hover .node-text{border-color:#2b78d473;box-shadow:0 10px 24px #2b78d429,0 2px 6px #0000000d}.eco-node h5{color:var(--dark);margin-bottom:2px;font-size:13.5px}.eco-node p{color:var(--text-sub);font-size:12px}.cta-eco-glass{display:none!important}.eco-desktop-guide{text-align:center;z-index:5;justify-content:center;margin:0 auto 24px;display:flex;position:relative}.eco-desktop-guide p{font-family:var(--font_m,system-ui, sans-serif);color:#1a4f6e;-webkit-backdrop-filter:blur(14px);letter-spacing:.2px;background:#ffffffd1;border:1px solid #fffffff2;border-radius:99px;margin:0;padding:10px 28px;font-size:14.5px;box-shadow:0 6px 24px #0d4b6814}.wave-decor{height:180px}}@media (min-width:992px) and (max-height:820px){.eco-title{padding:22px 20px 0!important}.eco-title h1{font-size:21px}.eco-title p{margin-top:3px;font-size:13px}.eco-diagram{margin-top:8px}.txt-best{padding:4px 14px;font-size:12px;top:-34px}.orbit-ring{width:320px;height:320px}.eco-center{width:110px;height:110px}.eco-center img{width:82px;height:82px}.eco-nodes{width:350px;height:350px}.eco-node{width:130px}.eco-node:first-child{top:-8px}.eco-node:nth-child(2){top:85px;right:-36px}.eco-node:nth-child(3){bottom:-10px;right:18px}.eco-node:nth-child(4){bottom:-10px;left:18px}.eco-node:nth-child(5){top:85px;left:-36px}.node-icon{width:62px;height:62px;margin-bottom:-5px;font-size:26px}.node-icon img{width:38px;height:38px}.node-text{width:130px;padding:6px 8px 4px}.eco-node h5{font-size:12px}.eco-node p{font-size:10.5px}.eco-desktop-guide{margin-bottom:14px}.eco-desktop-guide p{padding:7px 22px;font-size:13.5px}.wave-decor{height:130px}}