:root{--primary-color:#29abe2;--secondary-color:#29abe2;--accent-color:#29abe2;--light-color:#f8f9fa;--dark-color:#212529;--success-color:#26a269;--warning-color:#cd9309;--danger-color:#c01c28}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--dark-color);background:#e8eef5;min-height:100vh;margin:0;padding:0;overflow-x:hidden}.header{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:80px 0;text-align:center;border-radius:0 0 30px 30px;box-shadow:0 5px 15px rgba(0,0,0,.1)}.header h1{font-size:2.8rem;font-weight:700;margin-bottom:20px}.header p{font-size:1.2rem;max-width:800px;margin:0 auto 30px}.btn-custom{border:2px solid var(--accent-color);padding:12px 30px;font-weight:600;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-custom,.btn-custom:hover{background-color:#fff;color:var(--accent-color)}.btn-custom:hover{transform:translateY(-3px)}.module-section{padding:40px 0}.module-card{background-color:#fff;padding:40px;margin-bottom:60px;box-shadow:0 5px 15px rgba(0,0,0,.05);transition:all .3s ease}.module-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.1)}.module-icon{font-size:3rem;margin-bottom:20px;display:inline-block;padding:15px;border-radius:50%}.icon-map{color:var(--primary-color)}.icon-investment{color:var(--success-color)}.icon-marketplace{color:var(--warning-color)}.icon-admin{color:var(--danger-color)}.module-title{font-weight:700;margin-bottom:20px;color:var(--primary-color)}.feature-list{list-style:none;padding:0}.feature-list li{padding:10px 0;border-bottom:1px solid #eee}.feature-list li:last-child{border-bottom:none}.feature-list li i{color:var(--accent-color);margin-right:10px}.module-image{border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,.1);max-width:100%;height:auto}.section-title{font-weight:700;margin-bottom:50px;position:relative;display:inline-block;color:var(--primary-color)}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:70px;height:4px;background-color:var(--accent-color)}.footer{background-color:var(--dark-color);color:#fff;padding:40px 0;margin-top:50px;text-align:center}.social-icons a{color:#fff;font-size:1.5rem;margin:0 10px;transition:color .3s ease}.social-icons a:hover{color:var(--accent-color)}.navbar{background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05)}.navbar-brand{font-weight:700;color:var(--primary-color)!important}.nav-link{color:var(--dark-color)!important;font-weight:500;margin:0 10px;transition:color .3s ease}.nav-link:hover{color:var(--primary-color)!important}.tech-badge{display:inline-block;padding:5px 10px;background-color:rgba(41,171,226,.1);color:var(--secondary-color);font-size:.85rem;margin-right:5px;margin-bottom:5px}.under-construction-page{min-height:100vh;padding:40px 20px;display:flex;align-items:center;justify-content:center;position:relative;background-image:url(/images/banner.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;overflow:hidden;width:100%;height:100vh}.under-construction-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(232,238,245,.85);z-index:0}.three-scene-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.three-scene-container canvas{display:block;width:100%;height:100%}.under-construction-page>*{position:relative}.content-layer{position:relative;z-index:10;min-height:100vh;padding:40px 20px}.container-main,.content-layer{width:100%;display:flex;align-items:center;justify-content:center}.container-main{max-width:1200px;margin:0 auto;text-align:center;z-index:100;animation:fadeIn 1.5s ease-in-out;flex-direction:column;background:hsla(0,0%,100%,.1);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:30px;padding:60px 40px;box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.5),inset 0 1px 0 hsla(0,0%,100%,.8)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.logo-section{margin-bottom:20px;animation:fadeInUp 1.5s ease-in-out .2s both}.logo-container,.logo-section{display:flex;justify-content:center;align-items:center}.logo-image{max-width:600px;max-height:450px;width:auto;height:auto;object-fit:contain}.logo-placeholder{width:120px;height:120px;background:linear-gradient(135deg,#29abe2,#0068ff);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(41,171,226,.3)}.logo-text{color:#fff}.logo-text,.main-title{font-size:2.5rem;font-weight:700;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;letter-spacing:2px}.main-title{color:#2c3e50;margin-bottom:20px;animation:fadeInUp 1.5s ease-in-out .4s both;position:relative;display:inline-block}.main-title:after{content:"";position:absolute;width:100%;height:3px;background:linear-gradient(90deg,transparent,#29abe2,transparent);bottom:-10px;left:0;animation:shine 3s linear infinite}@keyframes shine{0%{background-position:-200%}to{background-position:200%}}.status-text{font-size:1rem;font-weight:500;color:#29abe2;margin-bottom:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-transform:uppercase;letter-spacing:2px}.coming-soon-section{text-align:center;margin:40px 0;animation:fadeInUp 1.5s ease-in-out .6s both}.coming-soon-text{font-size:1rem;font-weight:400;color:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-transform:none;letter-spacing:1.25px;margin:0;text-align:justify}@keyframes blink{0%,to{opacity:1}50%{opacity:.7}}.content-wrapper{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:50px;flex-wrap:wrap;animation:fadeInUp 1.5s ease-in-out .8s both}.left-content{margin-top:10px;flex:1 1;text-align:center;min-width:250px}.developing-text{font-size:2.5rem;font-weight:500;color:#2c3e50;line-height:1.4;margin-bottom:30px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;letter-spacing:.5px}.subscribe-btn{display:inline-block;background-color:#29abe2;color:#fff;padding:15px 20px;border-radius:30px;text-decoration:none;font-size:1.3rem;font-weight:400;transition:all .3s ease;border:none;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.subscribe-btn:hover{background-color:#29abe2;transform:translateY(-2px);color:#fff}.contact-info{margin:30px 0}.contact-item{display:flex;align-items:center;gap:15px;padding:15px 20px;border-radius:12px;margin-bottom:15px;background:rgba(37,211,102,.1);border:1px solid rgba(37,211,102,.2)}.whatsapp-contact{background:rgba(37,211,102,.1);border-color:rgba(37,211,102,.3)}.contact-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#25d366;opacity:1}.contact-icon svg{width:24px;height:24px;fill:currentColor;opacity:1}.contact-details{flex:1 1}.contact-label{font-size:.9rem;font-weight:600;margin-bottom:4px}.contact-label,.contact-value{color:#25d366;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.contact-value{font-size:1rem;font-weight:500;margin-bottom:2px}.contact-id{font-size:.85rem;color:#25d366;opacity:.8;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.right-content{margin-top:40px;flex:1 1;min-width:200px}.countdown-box{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);max-width:400px;margin:0 auto}.coming-soon{font-size:1.5rem;color:#e91e63;margin-bottom:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:500}.countdown-display{background:#1a1a1a;padding:20px;border-radius:4px;margin-bottom:20px}.countdown-numbers{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:15px;gap:15px}.time-unit{display:flex;flex-direction:column;align-items:center}.time-unit .number{font-size:2rem;font-weight:700;color:#fff;line-height:1.2;margin-bottom:5px}.time-unit .label,.time-unit .number{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.time-unit .label{font-size:.7rem;color:hsla(0,0%,100%,.8);text-transform:uppercase;letter-spacing:1px}.social-icons{gap:15px;margin-top:20px}.social-icon,.social-icons{display:flex;justify-content:center}.social-icon{width:40px;height:40px;align-items:center;background:#f5f5f5;border-radius:4px;color:#666;text-decoration:none;transition:all .3s ease;font-size:1.2rem}.social-icon svg{width:20px;height:20px;fill:currentColor;opacity:1}.whatsapp-icon{color:#25d366;opacity:1}.whatsapp-icon svg{fill:#25d366;opacity:1}.whatsapp-icon:hover{background:#25d366;color:#fff;transform:translateY(-2px);opacity:1}.whatsapp-icon:hover svg{fill:#fff;opacity:1}.zalo-icon{color:#0068ff;opacity:1}.zalo-icon svg{fill:#0068ff;opacity:1}.zalo-icon:hover{background:#0068ff;color:#fff;transform:translateY(-2px);opacity:1}.zalo-icon:hover svg{fill:#fff;opacity:1}.social-icon:hover{background:#e0e0e0;color:#333;transform:translateY(-2px)}.decorative-plant{display:flex;justify-content:center;margin:40px 0}.plant-pot{width:60px;height:50px;background:#fff;border-radius:0 0 8px 8px;position:relative;box-shadow:0 2px 5px rgba(0,0,0,.1)}.plant-pot:before{content:"";position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:40px;height:30px;background:#4caf50;border-radius:50% 50% 0 0;box-shadow:0 -2px 5px rgba(0,0,0,.1)}.plant-pot:after{content:"";position:absolute;top:-10px;left:10px;width:8px;height:8px;background:#fff;border-radius:50%;box-shadow:12px 0 0 #fff,24px 0 0 #fff}.page-footer{margin-top:40px;color:#666;font-size:.9rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.about-us-section{margin-top:50px;padding:60px 20px;text-align:center;background:hsla(0,0%,100%,.95);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.about-us-title{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:50px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-transform:uppercase;letter-spacing:2px}.contact-links{justify-content:center;gap:40px;flex-wrap:wrap}.contact-link,.contact-links{display:flex;align-items:center}.contact-link{flex-direction:column;gap:15px;padding:30px 40px;background:#fff;border-radius:15px;text-decoration:none;transition:all .3s ease;box-shadow:0 5px 15px rgba(0,0,0,.1);min-width:180px}.contact-link:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.contact-link-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.8rem}.website-link .contact-link-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.zalo-link .contact-link-icon{background:#fff;color:#0068ff}.zalo-logo-icon svg{width:32px;height:32px}.whatsapp-link .contact-link-icon{background:#25d366;color:#fff}.contact-link span{font-size:1.1rem;font-weight:600;color:#2c3e50;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.contact-link svg{width:24px;height:24px;fill:currentColor}@media (max-width:768px){.under-construction-page{padding:20px 10px;background-attachment:scroll}.content-layer{padding:20px 10px;min-height:auto}.container-main{padding:30px 20px;border-radius:20px;margin:0 auto}.logo-section{margin-bottom:15px}.logo-image{max-width:100%;max-height:180px;width:auto;height:auto}.main-title{font-size:1.5rem;letter-spacing:1.5px;margin-bottom:15px}.coming-soon-section{margin:20px 0;padding:0 5px}.coming-soon-text{font-size:.85rem;letter-spacing:.3px;line-height:1.7;padding:0;text-align:justify}.content-wrapper{flex-direction:column;align-items:center;margin-bottom:30px;gap:15px}.left-content{text-align:center;width:100%;margin-top:0}.subscribe-btn{font-size:1rem;padding:12px 24px;width:100%;max-width:320px;display:block;margin:0 auto}.developing-text{font-size:1.5rem}.countdown-numbers{grid-template-columns:repeat(2,1fr)}.about-us-section{margin-top:20px;padding:30px 15px}.about-us-title{font-size:1.5rem;margin-bottom:25px}.contact-links{flex-direction:column;gap:15px}.contact-link{width:100%;max-width:280px;padding:25px 30px}}@media (max-width:480px){.content-layer,.under-construction-page{padding:15px 8px}.container-main{padding:25px 15px;border-radius:15px}.logo-image{max-height:150px}.main-title{font-size:1.3rem;letter-spacing:1px;margin-bottom:12px}.coming-soon-section{margin:15px 0}.coming-soon-text{font-size:.8rem;line-height:1.6}.subscribe-btn{font-size:.95rem;padding:10px 20px;max-width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.construction-icon{font-size:5rem;color:#8a2be2;margin-bottom:30px;position:relative;display:inline-block;animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(138,43,226,.6))}.web3-icon{color:#00d4ff;filter:drop-shadow(0 0 30px rgba(0,212,255,.8))}.icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:radial-gradient(circle,rgba(0,212,255,.3) 0,transparent 70%);border-radius:50%;animation:glowPulse 2s ease-in-out infinite;z-index:-1}@keyframes glowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.8}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.construction-title{font-size:2.5rem;font-weight:700;margin-bottom:20px}.web3-title{color:transparent}.gradient-text{background:linear-gradient(135deg,#8a2be2,#00d4ff 50%,#8a2be2);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite;filter:drop-shadow(0 0 10px rgba(138,43,226,.5))}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.construction-subtitle{font-size:1.2rem;margin-bottom:40px;line-height:1.6}.web3-subtitle{color:hsla(0,0%,100%,.7);text-shadow:0 0 10px rgba(138,43,226,.3)}.construction-info{margin-bottom:30px}.info-item{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.1rem}.web3-info-item{color:hsla(0,0%,100%,.8);padding:15px 25px;background:rgba(138,43,226,.1);border:1px solid rgba(138,43,226,.3);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.web3-info-item i{color:#00d4ff;font-size:1.3rem;filter:drop-shadow(0 0 8px rgba(0,212,255,.6))}.construction-cta{margin-bottom:40px}.construction-cta .btn-custom{background:linear-gradient(135deg,#8a2be2,#00d4ff);color:#fff;border:2px solid transparent;padding:15px 40px;font-weight:600;font-size:1.1rem;border-radius:50px;transition:all .3s ease;text-decoration:none;display:inline-block;position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(138,43,226,.4),0 0 30px rgba(0,212,255,.3)}.construction-cta .btn-custom:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .5s}.construction-cta .btn-custom:hover:before{left:100%}.web3-btn{background:linear-gradient(135deg,#8a2be2,#00d4ff);box-shadow:0 4px 15px rgba(138,43,226,.5),0 0 40px rgba(0,212,255,.4),inset 0 1px 0 hsla(0,0%,100%,.2)}.web3-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 25px rgba(138,43,226,.6),0 0 60px rgba(0,212,255,.5),inset 0 1px 0 hsla(0,0%,100%,.3);color:#fff}.construction-progress{margin-top:30px}.progress-bar{width:100%;height:8px;border-radius:10px;overflow:hidden;margin-bottom:15px;position:relative}.web3-progress-bar{background:rgba(138,43,226,.2);border:1px solid rgba(138,43,226,.3);box-shadow:inset 0 2px 4px rgba(0,0,0,.3)}.progress-fill{height:100%;border-radius:10px;animation:progressAnimation 2s ease-in-out infinite;width:70%;position:relative}.web3-progress-fill{background:linear-gradient(90deg,#8a2be2,#00d4ff 50%,#8a2be2);background-size:200% 100%;animation:progressAnimation 2s ease-in-out infinite,gradientShift 3s ease infinite;box-shadow:0 0 10px rgba(138,43,226,.6),0 0 20px rgba(0,212,255,.4)}@keyframes progressAnimation{0%{width:0}50%{width:70%}to{width:0}}.progress-text{font-size:.9rem;margin:0}.web3-progress-text{color:hsla(0,0%,100%,.6);text-shadow:0 0 5px rgba(138,43,226,.5)}.web3-3d-container{position:fixed;pointer-events:none;overflow:hidden;perspective:2000px;perspective-origin:50%}.web3-3d-container,.web3-gradient-mesh{top:0;left:0;width:100%;height:100%;z-index:0}.web3-gradient-mesh{position:absolute;background:radial-gradient(circle at 20% 30%,rgba(138,43,226,.25) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,212,255,.25) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(41,171,226,.2) 0,transparent 60%),radial-gradient(circle at 10% 80%,rgba(138,43,226,.15) 0,transparent 50%),radial-gradient(circle at 90% 20%,rgba(0,212,255,.2) 0,transparent 50%);transform:perspective(2000px) rotateX(15deg);animation:web3MeshMove3D 30s ease-in-out infinite;opacity:.7}@keyframes web3MeshMove3D{0%,to{transform:perspective(2000px) rotateX(15deg) rotateY(0deg) scale(1) translateZ(0);opacity:.7}25%{transform:perspective(2000px) rotateX(20deg) rotateY(10deg) scale(1.1) translateZ(100px);opacity:.9}50%{transform:perspective(2000px) rotateX(10deg) rotateY(-10deg) scale(.95) translateZ(-50px);opacity:.6}75%{transform:perspective(2000px) rotateX(18deg) rotateY(5deg) scale(1.05) translateZ(50px);opacity:.8}}.web3-orb-3d{position:absolute;border-radius:50%;filter:blur(100px);transform-style:preserve-3d;animation:web3OrbFloat3D 25s ease-in-out infinite;z-index:1;pointer-events:none}.orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(138,43,226,.6) 0,rgba(41,171,226,.4) 50%,transparent 70%);top:10%;left:10%;animation-delay:0s}.orb-2{width:600px;height:600px;background:radial-gradient(circle,rgba(0,212,255,.5) 0,rgba(138,43,226,.3) 50%,transparent 70%);bottom:15%;right:15%;animation-delay:6s}.orb-3{width:450px;height:450px;background:radial-gradient(circle,rgba(41,171,226,.5) 0,rgba(0,212,255,.3) 50%,transparent 70%);top:50%;left:50%;animation-delay:12s}.orb-4{width:400px;height:400px;background:radial-gradient(circle,rgba(138,43,226,.4) 0,rgba(0,212,255,.2) 50%,transparent 70%);top:30%;right:20%;animation-delay:18s}@keyframes web3OrbFloat3D{0%,to{transform:perspective(2000px) translateZ(0) rotateY(0deg) rotateX(0deg) scale(1);opacity:.5}25%{transform:perspective(2000px) translate3d(80px,-80px,150px) rotateY(90deg) rotateX(20deg) scale(1.3);opacity:.7}50%{transform:perspective(2000px) translate3d(-60px,60px,-80px) rotateY(180deg) rotateX(-15deg) scale(.9);opacity:.6}75%{transform:perspective(2000px) translate3d(70px,70px,120px) rotateY(270deg) rotateX(10deg) scale(1.2);opacity:.7}}.web3-shape{position:absolute;transform-style:preserve-3d;animation:web3ShapeRotate3D 15s ease-in-out infinite;opacity:.7;z-index:2}.shape-1{width:80px;height:80px;background:linear-gradient(135deg,rgba(138,43,226,.7),rgba(0,212,255,.5));-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);top:20%;right:15%;animation-delay:0s;box-shadow:0 0 40px rgba(138,43,226,.8),0 0 80px rgba(138,43,226,.4),inset 0 0 30px rgba(138,43,226,.3)}.shape-2{width:100px;height:100px;background:linear-gradient(45deg,rgba(0,212,255,.6),rgba(138,43,226,.4));-webkit-clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);bottom:25%;left:20%;animation-delay:4s;box-shadow:0 0 50px rgba(0,212,255,.7),0 0 100px rgba(0,212,255,.3),inset 0 0 35px rgba(0,212,255,.2)}.shape-3{width:70px;height:70px;background:linear-gradient(90deg,rgba(41,171,226,.7),rgba(138,43,226,.5));-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);top:65%;right:25%;animation-delay:8s;box-shadow:0 0 35px rgba(41,171,226,.8),0 0 70px rgba(41,171,226,.4),inset 0 0 25px rgba(41,171,226,.3)}.shape-4{width:60px;height:60px;background:linear-gradient(180deg,rgba(138,43,226,.6),rgba(0,212,255,.4));-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);top:45%;left:10%;animation-delay:12s;box-shadow:0 0 30px rgba(138,43,226,.7),0 0 60px rgba(138,43,226,.3),inset 0 0 20px rgba(138,43,226,.2)}@keyframes web3ShapeRotate3D{0%,to{transform:perspective(2000px) rotateX(0deg) rotateY(0deg) rotate(0deg) translateZ(0)}25%{transform:perspective(2000px) rotateX(90deg) rotateY(45deg) rotate(45deg) translateZ(80px)}50%{transform:perspective(2000px) rotateX(180deg) rotateY(90deg) rotate(90deg) translateZ(0)}75%{transform:perspective(2000px) rotateX(270deg) rotateY(135deg) rotate(135deg) translateZ(-50px)}}.web3-cube{position:absolute;width:60px;height:60px;transform-style:preserve-3d;animation:web3CubeRotate3D 20s ease-in-out infinite;z-index:2}.cube-1{top:15%;left:30%;animation-delay:0s}.cube-2{bottom:20%;right:30%;animation-delay:7s}.cube-3{top:60%;left:60%;animation-delay:14s}.web3-cube:after,.web3-cube:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(135deg,rgba(138,43,226,.6),rgba(0,212,255,.4));border:2px solid rgba(138,43,226,.8);box-shadow:0 0 30px rgba(138,43,226,.6),inset 0 0 20px rgba(138,43,226,.3)}.web3-cube:before{transform:translateZ(30px)}.web3-cube:after{transform:translateZ(-30px) rotateY(180deg)}@keyframes web3CubeRotate3D{0%,to{transform:perspective(2000px) rotateX(0deg) rotateY(0deg) rotate(0deg) translateZ(0)}25%{transform:perspective(2000px) rotateX(90deg) rotateY(45deg) rotate(30deg) translate3d(50px,-50px,100px)}50%{transform:perspective(2000px) rotateX(180deg) rotateY(90deg) rotate(60deg) translate3d(-40px,40px,-80px)}75%{transform:perspective(2000px) rotateX(270deg) rotateY(135deg) rotate(90deg) translate3d(60px,60px,120px)}}.web3-particle-3d{position:absolute;width:8px;height:8px;background:radial-gradient(circle,#8a2be2 0,rgba(0,212,255,.9) 100%);border-radius:50%;transform-style:preserve-3d;animation:web3ParticleFloat3D 18s ease-in-out infinite;box-shadow:0 0 25px #8a2be2,0 0 50px rgba(138,43,226,.7),0 0 75px rgba(0,212,255,.5);z-index:3}.particle-1{top:15%;left:25%;animation-delay:0s}.particle-2{top:35%;right:20%;animation-delay:2.25s}.particle-3{bottom:30%;left:35%;animation-delay:4.5s}.particle-4{top:55%;left:15%;animation-delay:6.75s}.particle-5{bottom:15%;right:35%;animation-delay:9s}.particle-6{top:8%;right:8%;animation-delay:11.25s}.particle-7{top:75%;left:50%;animation-delay:13.5s}.particle-8{bottom:45%;right:10%;animation-delay:15.75s}@keyframes web3ParticleFloat3D{0%,to{transform:perspective(2000px) translateZ(0) rotateY(0deg) scale(1);opacity:.9}25%{transform:perspective(2000px) translate3d(120px,-180px,150px) rotateY(90deg) scale(1.8);opacity:1}50%{transform:perspective(2000px) translate3d(-100px,-250px,-80px) rotateY(180deg) scale(.7);opacity:.7}75%{transform:perspective(2000px) translate3d(150px,-120px,120px) rotateY(270deg) scale(1.5);opacity:1}}.web3-grid-3d{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(138,43,226,.15) 1px,transparent 0),linear-gradient(90deg,rgba(138,43,226,.15) 1px,transparent 0),linear-gradient(rgba(0,212,255,.1) 1px,transparent 0),linear-gradient(90deg,rgba(0,212,255,.1) 1px,transparent 0);background-size:60px 60px,60px 60px,20px 20px,20px 20px;transform:perspective(2000px) rotateX(70deg) translateZ(-300px);animation:web3GridMove3D 25s linear infinite;opacity:.4;z-index:1}@keyframes web3GridMove3D{0%{transform:perspective(2000px) rotateX(70deg) translateZ(-300px) translateY(0) translateX(0)}50%{transform:perspective(2000px) rotateX(70deg) translateZ(-300px) translateY(60px) translateX(30px)}to{transform:perspective(2000px) rotateX(70deg) translateZ(-300px) translateY(0) translateX(0)}}.web3-line-3d{position:absolute;height:3px;background:linear-gradient(90deg,transparent,rgba(138,43,226,.4) 20%,rgba(0,212,255,.8) 50%,rgba(138,43,226,.4) 80%,transparent);transform-origin:left center;animation:web3LinePulse3D 4s ease-in-out infinite;box-shadow:0 0 15px rgba(138,43,226,.7),0 0 30px rgba(0,212,255,.5);z-index:2}.line-1{top:25%;left:15%;width:250px;transform:perspective(2000px) rotate(30deg) translateZ(50px);animation-delay:0s}.line-2{top:50%;right:20%;width:300px;transform:perspective(2000px) rotate(-40deg) translateZ(80px);animation-delay:1s}.line-3{bottom:30%;left:40%;width:220px;transform:perspective(2000px) rotate(50deg) translateZ(-40px);animation-delay:2s}.line-4{top:70%;right:10%;width:280px;transform:perspective(2000px) rotate(-25deg) translateZ(60px);animation-delay:3s}@keyframes web3LinePulse3D{0%,to{opacity:.5;transform:perspective(2000px) scaleX(1) translateZ(0)}50%{opacity:1;transform:perspective(2000px) scaleX(1.3) translateZ(30px)}}.container-main{position:relative;z-index:10}