html,body,#root,.app{width:100%;height:100%}.particle{pointer-events:none}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;-webkit-font-smoothing:antialiased;background:#0d0520;font-family:Sora,sans-serif}h1,h2,h3{letter-spacing:-.5px;font-family:Sora,sans-serif}p{color:#a1a1aa;font-size:15px;line-height:1.8}a{color:inherit;text-decoration:none}html{scroll-behavior:smooth}body{background:#0d0520}.home-wrapper{width:100%}.home{background:#0d0520;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:0 20px;display:flex;position:relative;overflow:hidden}.hero-content{text-align:center;z-index:2;width:100%;max-width:900px}.hero-title{color:#fff;letter-spacing:-2px;font-size:clamp(48px,8vw,100px);font-weight:900;line-height:1.05}.hero-title span{background:linear-gradient(90deg,#a855f7,#c084fc,#9333ea,#c084fc) 0 0/300%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:6s linear infinite gradientMove}@keyframes gradientMove{0%{background-position:0%}to{background-position:300%}}.hero-subtitle{color:#a1a1aa;margin-top:18px;font-size:clamp(14px,2vw,20px)}.hero-subtitle span{color:#c084fc;font-weight:600}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:35px;display:flex}.primary-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#9333ea,#c084fc);border:none;border-radius:14px;padding:14px 32px;font-size:16px;font-weight:600;transition:all .25s;box-shadow:0 0 25px #a855f799,0 0 60px #a855f74d}.primary-btn:hover{transform:translateY(-3px)scale(1.04);box-shadow:0 0 40px #a855f7,0 0 80px #a855f780}.secondary-btn{color:#c084fc;cursor:pointer;background:0 0;border:1px solid #a855f766;border-radius:14px;padding:14px 32px;transition:all .25s}.secondary-btn:hover{background:#a855f733;transform:translateY(-2px)}.hero-tagline{color:#6b7280;margin-top:22px;font-size:13px}.hero-glow{filter:blur(120px);opacity:.18;z-index:1;pointer-events:none;width:500px;height:500px;position:absolute}.glow-3{opacity:.12;background:#9333ea;top:50%;left:50%;transform:translate(-50%,-50%)}section{background:#0d0520;margin:0;padding:0}@media (width<=1024px){.hero-title{letter-spacing:-1px}.hero-buttons{gap:14px}}@media (width<=768px){.home{padding:0 16px}.hero-title{font-size:42px;line-height:1.1}.hero-subtitle{font-size:15px}.hero-buttons{flex-direction:column;width:100%}.primary-btn,.secondary-btn{width:100%}.hero-glow{width:300px;height:300px}}:root{--primary:#a855f7;--primary-light:#c084fc;--bg-glass:#0d052099;--text:#fff;--muted:#a1a1aa}.navbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--bg-glass);z-index:1000;border-bottom:1px solid #a855f733;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 40px;transition:all .3s;display:flex;position:fixed;top:0;left:0}.navbar.scrolled{background:#0d0520e6;box-shadow:0 10px 40px #0009}.nav-logo h1{cursor:pointer;font-size:26px;display:flex}.nav-tools{gap:35px;display:flex}.nav-tools p{color:var(--muted);cursor:pointer;font-size:14px;transition:all .3s;position:relative}.nav-tools p:hover{color:var(--primary-light)}.nav-tools p:after{content:"";background:linear-gradient(90deg,#a855f7,#c084fc);width:0%;height:2px;transition:all .3s;position:absolute;bottom:-6px;left:0}.nav-tools p:hover:after{width:100%}.nav-btns{gap:15px;display:flex}.nav-btns button{cursor:pointer;border:none;border-radius:12px;padding:8px 18px;font-size:13px;transition:all .25s}.nav-btns button:first-child{color:#fff;background:linear-gradient(135deg,#9333ea,#c084fc)}.nav-btns button:first-child:hover{transform:translateY(-2px);box-shadow:0 0 25px #a855f7cc}.nav-btns button:last-child{color:var(--primary-light);background:0 0;border:1px solid #a855f766}.nav-btns button:last-child:hover{background:#a855f733}.nav-toggle{cursor:pointer;flex-direction:column;gap:5px;display:none}.nav-toggle span{background:#fff;width:26px;height:2px;transition:all .3s}.nav-toggle.open span:first-child{transform:rotate(45deg)translateY(7px)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:rotate(-45deg)translateY(-7px)}.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;background:#0d0520f5;flex-direction:column;justify-content:center;align-items:center;gap:35px;transition:all .4s;display:flex;position:fixed;inset:0;transform:translateY(-100%)}.mobile-menu.show{transform:translateY(0)}.mobile-menu p{color:#ddd;cursor:pointer;font-size:22px}.mobile-menu p:hover{color:var(--primary-light)}.mobile-btns{gap:15px;display:flex}.mobile-btns button{color:#fff;background:linear-gradient(135deg,#9333ea,#c084fc);border:none;border-radius:12px;padding:12px 24px}.toast{color:#fff;z-index:3000;background:linear-gradient(135deg,#9333ea,#c084fc);border-radius:12px;padding:14px 20px;animation:.3s slide,5.5s forwards fade;position:fixed;top:90px;right:20px}@keyframes slide{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}@keyframes fade{to{opacity:0}}@media (width<=1024px){.navbar{padding:0 25px}.nav-tools{gap:25px}}@media (width<=768px){.nav-tools,.nav-btns{display:none}.nav-toggle{display:flex}.navbar{padding:0 20px}.nav-logo h1{font-size:22px}}.wallet-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2000;background:#0d0520cc;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.wallet-modal{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#140a2ee6;border:1px solid #a855f74d;border-radius:20px;width:100%;max-width:500px;padding:40px 30px;animation:.25s scaleIn;position:relative;box-shadow:0 0 80px #a855f740,inset 0 0 20px #a855f70d}.wallet-close{color:#c084fc;cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:14px;right:16px}.wallet-content{text-align:center}.wallet-icon-top{color:#c084fc;margin-bottom:12px;font-size:22px}.wallet-content h2{margin-bottom:25px;font-size:20px}.wallet-box{background:#140a2eb3;border:1px solid #a855f74d;border-radius:14px;display:flex;overflow:hidden}.wallet-box input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:14px}.wallet-box button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#9333ea,#c084fc);border:none;padding:14px 22px;font-weight:600;transition:all .25s}.wallet-box button:hover{transform:scale(1.05)}.wallet-result{margin-top:18px;font-size:14px}.wallet-result.success{color:#22c55e}.wallet-result.error{color:#f87171}.loader{border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=600px){.wallet-modal{padding:30px 20px}.wallet-box{flex-direction:column}.wallet-box button{width:100%}}.roadmap{background:#0d0520;padding:100px 20px;position:relative;overflow:hidden}.roadmap:before,.roadmap:after{content:"";filter:blur(120px);opacity:.2;z-index:0;width:500px;height:500px;position:absolute}.roadmap:before{background:#a855f7;top:-120px;left:-120px}.roadmap:after{background:#c084fc;bottom:-120px;right:-120px}.roadmap-title{text-align:center;z-index:2;background:linear-gradient(90deg,#fff,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:70px;font-size:clamp(28px,4vw,42px);font-weight:800;position:relative}.timeline{z-index:2;max-width:900px;margin:auto;position:relative}.timeline:before{content:"";background:linear-gradient(#0000,#9333ea,#c084fc,#0000);width:3px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.timeline-item{width:50%;padding:25px 40px;position:relative}.timeline-item.left{text-align:right;left:0}.timeline-item.right{left:50%}.timeline-item:before{content:"";background:radial-gradient(circle,#c084fc,#9333ea);border-radius:50%;width:14px;height:14px;position:absolute;top:30px;box-shadow:0 0 15px #a855f7cc}.timeline-item.left:before{right:-7px}.timeline-item.right:before{left:-7px}.timeline-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#140a2eb3;border:1px solid #a855f740;border-radius:14px;padding:20px;transition:all .25s;box-shadow:0 10px 40px #0009,0 0 40px #a855f733}.timeline-card:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 15px 60px #000c,0 0 60px #a855f766}.timeline-card h3{color:#fff;margin-bottom:6px;font-weight:600}.timeline-card p{color:#a1a1aa;font-size:14px;line-height:1.6}.timeline-card.highlight{border:1px solid #c084fc;box-shadow:0 0 50px #a855f780,0 0 100px #a855f733}.timeline-card.highlight h3{color:#c084fc}@media (width<=1024px){.timeline{max-width:700px}.timeline-item{padding:20px 25px}}@media (width<=768px){.roadmap{padding:70px 16px}.timeline:before{left:12px}.timeline-item{text-align:left;width:100%;padding-left:40px;padding-right:10px}.timeline-item.left,.timeline-item.right{left:0}.timeline-item:before{left:5px}.timeline-card{padding:18px}}.about{background:radial-gradient(circle at 20% 20%,#a855f71f,#0000 40%),radial-gradient(circle at 80% 80%,#c084fc1f,#0000 40%),#0d0520;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:100px 20px;display:flex;position:relative;overflow:hidden}.about:before,.about:after{content:"";filter:blur(120px);opacity:.2;z-index:0;width:500px;height:500px;position:absolute}.about:before{background:#a855f7;top:-120px;left:-120px}.about:after{background:#c084fc;bottom:-120px;right:-120px}.about-container{z-index:2;justify-content:space-between;align-items:center;gap:60px;width:100%;max-width:1200px;display:flex;position:relative}.about-left{flex:1}.about-title{background:linear-gradient(90deg,#fff,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:clamp(28px,4vw,44px);font-weight:800}.about-text{letter-spacing:.3px;color:#d4d4d8;margin-bottom:16px;font-size:clamp(14px,1.5vw,16px);line-height:1.8}.about-text span{color:#c084fc;font-weight:600}.about-text.highlight{color:#c084fc;text-shadow:0 0 15px #a855f766;margin-top:10px;font-weight:600}.about-right{flex:1;justify-content:center;display:flex}.details-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);text-align:center;background:#140a2eb3;border:1px solid #a855f740;border-radius:20px;width:100%;max-width:380px;padding:30px;box-shadow:0 20px 60px #000000b3,0 0 50px #a855f733}.details-card h3{margin-bottom:20px;font-size:18px}.details-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.details-grid div{background:#ffffff08;border:1px solid #a855f733;border-radius:12px;padding:14px;transition:all .25s}.details-grid div:hover{background:#a855f71f;transform:translateY(-3px);box-shadow:0 0 20px #a855f740}.details-grid span{color:#9ca3af;font-size:11px}.details-grid p{color:#c084fc;margin-top:5px;font-size:16px;font-weight:700}@media (width<=1024px){.about-container{gap:40px}}@media (width<=768px){.about{padding:70px 16px}.about-container{text-align:center;flex-direction:column;gap:40px}.about-title{font-size:28px}.about-text{font-size:14px}.details-card{max-width:100%}.details-grid{grid-template-columns:1fr}}.footer{z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:radial-gradient(circle at 50% 0,#a855f72e,#0000 60%),#0d0520;border-top:1px solid #a855f740;width:100%;padding:90px 20px;position:relative;overflow:hidden}.footer-glow{filter:blur(120px);opacity:.2;z-index:0;width:400px;height:400px;position:absolute}.glow-1{background:#a855f7;top:-120px;left:-120px}.glow-2{background:#c084fc;bottom:-120px;right:-120px}.footer-container{z-index:2;max-width:1200px;margin:auto;position:relative}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:50px;display:flex}.footer-brand h2{margin-bottom:10px;font-size:30px}.logo-white{color:#fff}.logo-purple{background:linear-gradient(90deg,#a855f7,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.footer-brand p{color:#a1a1aa;max-width:260px;font-size:14px;line-height:1.6}.footer-label{color:#6b7280;letter-spacing:1px;margin-bottom:8px;font-size:12px}.footer-contact span{color:#c084fc;font-size:14px}.footer-socials{flex-direction:column;display:flex}.social-buttons{gap:12px;display:flex}.footer button{cursor:pointer;border:none;border-radius:12px;padding:10px 22px;font-size:13px;font-weight:500;transition:all .25s}.btn-discord{color:#fff;background:linear-gradient(135deg,#9333ea,#c084fc);box-shadow:0 0 20px #a855f780}.btn-discord:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 0 30px #a855f7,0 0 60px #a855f780}.btn-x{color:#c084fc;background:0 0;border:1px solid #a855f766}.btn-x:hover{background:#a855f733;transform:translateY(-2px)}.footer-divider{background:linear-gradient(90deg,#0000,#a855f766,#0000);height:1px;margin:50px 0}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-links{gap:25px;display:flex}.footer-links p{color:#a1a1aa;cursor:pointer;transition:all .3s;position:relative}.footer-links p:after{content:"";background:linear-gradient(90deg,#a855f7,#c084fc);width:0%;height:2px;transition:all .3s;position:absolute;bottom:-4px;left:0}.footer-links p:hover{color:#c084fc}.footer-links p:hover:after{width:100%}.footer-copy{color:#6b7280;font-size:13px}.footer-toast{color:#fff;z-index:9999;background:linear-gradient(135deg,#9333ea,#c084fc);border-radius:12px;padding:14px 22px;font-family:Sora,sans-serif;font-size:14px;animation:.3s toastSlide,2.5s forwards toastFade;position:fixed;top:90px;right:25px;box-shadow:0 0 25px #a855f799,0 0 50px #a855f74d}@keyframes toastSlide{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}@keyframes toastFade{0%{opacity:1}80%{opacity:1}to{opacity:0}}@media (width<=900px){.footer-top{text-align:center;justify-content:center}.footer-brand p{margin:auto}.footer-socials{align-items:center}}@media (width<=600px){.footer{padding:70px 16px}.footer-top{flex-direction:column;align-items:center;gap:30px}.footer-bottom{text-align:center;flex-direction:column}.footer-links{justify-content:center}}.particle{pointer-events:none;z-index:9999;background:radial-gradient(circle,#c084fc,#9333ea);border-radius:50%;animation:.8s ease-out forwards particleFade;position:fixed;transform:translate(-50%,-50%)}@keyframes particleFade{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-80%)scale(.2)}}.wl-page{background:radial-gradient(circle at 30% 30%,#a855f726,#0000 40%),radial-gradient(circle at 70% 70%,#c084fc1a,#0000 40%),#0d0520;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.wl-header{width:100%;max-width:520px;margin-bottom:20px}.wl-home-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#9333ea,#c084fc);border:none;border-radius:12px;padding:10px 18px;font-size:13px;transition:all .25s}.wl-home-btn:hover{transform:translateY(-2px)}.wl-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#140a2ebf;border:1px solid #a855f74d;border-radius:20px;width:100%;max-width:520px;padding:40px;box-shadow:0 0 60px #a855f740,inset 0 0 20px #a855f70d}.wl-title{text-align:center;margin-bottom:30px;font-size:28px}.wl-tasks{flex-direction:column;gap:12px;margin-bottom:25px;display:flex}.wl-task{cursor:pointer;background:#ffffff08;border:1px solid #a855f733;border-radius:12px;justify-content:space-between;padding:14px;transition:all .25s;display:flex}.wl-task:hover{transform:translateY(-2px)}.wl-task.done{background:#a855f733}.wl-inputs{flex-direction:column;gap:12px;display:flex}.wl-inputs input{color:#fff;background:#140a2ecc;border:1px solid #a855f733;border-radius:10px;outline:none;padding:14px}.wl-inputs input:focus{border-color:#c084fc;box-shadow:0 0 10px #a855f780}.wl-error{color:#f87171;text-align:center;margin-top:10px}.wl-submit{cursor:pointer;color:#fff;background:linear-gradient(135deg,#9333ea,#c084fc);border:none;border-radius:12px;margin-top:20px;padding:14px;transition:all .25s}.wl-submit:hover{transform:translateY(-2px)}.wl-submit.loading{opacity:.7;cursor:not-allowed}.wl-success-overlay{background:#0d0520d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wl-success-box{text-align:center;background:#140a2ef2;border-radius:16px;padding:40px}@media (width<=600px){.wl-card{padding:25px}.wl-title{font-size:22px}}