@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:initial;color:#fff;display:flex;flex-direction:column;font-family:Courier New,monospace;min-height:100vh}body{background-color:#0a0a0a;overflow-x:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff6b00,gold);border:2px solid #0a0a0a;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,gold,#ff6b00)}.twitter-link{align-items:center;background:linear-gradient(135deg,#fffffffa,#ffffffeb);border:2px solid #fff6;border-radius:12px;bottom:35px;box-shadow:0 6px 20px #0006;color:#000;cursor:pointer;display:flex;gap:14px;padding:10px 20px;position:fixed;right:30px;text-decoration:none;transition:all .3s ease;z-index:100}.twitter-username{color:#0f0f0f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;font-weight:700;letter-spacing:.5px}.twitter-link:hover{background:linear-gradient(135deg,#fff,#fffffffa);border-color:#fff9;box-shadow:0 10px 30px #ffffff40;transform:translateY(-4px)}.twitter-link svg{flex-shrink:0;transition:transform .3s ease}.twitter-link:hover svg{transform:scale(1.15) rotate(-5deg)}@media (max-width:768px){.twitter-link{border-radius:10px;bottom:25px;gap:12px;padding:12px 18px;right:25px}.twitter-username{font-size:14px}.twitter-link svg{height:18px;width:18px}}@media (max-width:480px){.twitter-link{border-radius:8px;bottom:20px;gap:10px;padding:10px 16px;right:20px}.twitter-username{font-size:13px}.twitter-link svg{height:16px;width:16px}}.header{left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between;max-width:100%;padding:35px 60px}.header-left,.header-right{align-items:center;display:flex;gap:20px;pointer-events:auto}.header-logo{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#fff,#fff 60%,#fff6);-webkit-background-clip:text;background-clip:text;cursor:pointer;display:inline-block;filter:drop-shadow(0 0 20px rgba(255,255,255,.4)) drop-shadow(0 0 40px rgba(255,255,255,.2));font-size:26px;font-weight:700;letter-spacing:4px;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.header-logo:before{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#fff3,#0000);-webkit-background-clip:text;background-clip:text;content:"MONADIA";filter:blur(15px);left:0;position:absolute;top:0;transition:all .4s ease;z-index:-1}.header-logo:after{background:linear-gradient(90deg,#fff,#ffffff80);bottom:-6px;box-shadow:0 0 10px #fffc;content:"";height:2px;left:0;position:absolute;transition:width .4s cubic-bezier(.4,0,.2,1);width:0}.header-logo:hover{filter:drop-shadow(0 0 30px rgba(255,255,255,.8)) drop-shadow(0 0 60px rgba(255,255,255,.4)) drop-shadow(0 0 80px rgba(255,255,255,.2));letter-spacing:6px;transform:translateY(-2px)}.header-logo:hover:before{filter:blur(25px);opacity:1}.header-logo:hover:after{width:100%}.header-balance{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #fff3;display:flex;gap:12px;height:42px;overflow:hidden;padding:10px 18px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.header-balance:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.header-balance:hover:before{left:100%}.header-balance:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border-color:#ffffff4d;box-shadow:0 0 20px #ffffff1a}.coin-wrapper{align-items:center;display:flex;height:22px;justify-content:center;position:relative;width:22px}.coin-wrapper:before{animation:glowPulse 2.5s ease-in-out infinite;background:radial-gradient(circle,#fff6 0,#0000 60%);border-radius:50%;content:"";height:160%;opacity:.6;position:absolute;width:160%}.header-balance:hover .coin-wrapper:before{animation:glowPulseHover 1s ease-in-out infinite}.coin{filter:brightness(0) invert(1) drop-shadow(0 0 6px rgba(255,255,255,.5));height:100%;position:relative;transition:all .3s ease;width:100%;z-index:1}.header-balance:hover .coin{filter:brightness(0) invert(1) drop-shadow(0 0 12px rgba(255,255,255,.9)) drop-shadow(0 0 20px rgba(255,255,255,.5));transform:scale(1.1)}@keyframes glowPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}@keyframes glowPulseHover{0%,to{opacity:.6;transform:scale(1.1)}50%{opacity:1;transform:scale(1.3)}}.balance-amount{color:#fffffff2;font-size:14px;font-weight:700;letter-spacing:.5px;transition:all .3s ease}.header-balance:hover .balance-amount{color:#fff;text-shadow:0 0 10px #ffffff80}.header-about,.header-contact,.header-roadmap{background:#0000;border:none;color:#fff;filter:drop-shadow(0 0 10px rgba(255,255,255,.3));font-size:14px;letter-spacing:3px;overflow:visible}.header-about,.header-contact,.header-roadmap{align-items:center;cursor:pointer;display:flex;font-weight:700;height:42px;justify-content:center;padding:10px 24px;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1);white-space:nowrap}.header-connect,.header-contact{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border:1px solid #ffffff4d;border-radius:0;color:#000;font-size:11px;letter-spacing:1.5px;overflow:hidden}.header-connect{align-items:center;cursor:pointer;display:flex;font-weight:700;height:42px;justify-content:center;padding:10px 24px;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1);white-space:nowrap}.header-about:after,.header-contact:after,.header-roadmap:after{background:linear-gradient(90deg,#fff,#ffffff80);bottom:-6px;box-shadow:0 0 10px #fffc;content:"";height:2px;left:0;position:absolute;transition:width .4s cubic-bezier(.4,0,.2,1);width:0}.header-about:hover,.header-contact:hover,.header-roadmap:hover{filter:drop-shadow(0 0 20px rgba(255,255,255,.6));letter-spacing:4px;transform:translateY(-2px)}.header-about:hover:after,.header-contact:hover:after,.header-roadmap:hover:after{width:100%}.header-connect:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.header-connect:hover:before{left:100%}.header-connect:hover{background:linear-gradient(135deg,#fff,#fffffff2);border-color:#ffffff80;box-shadow:0 8px 25px #ffffff4d;transform:translateY(-2px)}.popup-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup-content{animation:slideUp .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#1a1a1a,#0d0d0d);border:1px solid #ffffff1f;border-radius:24px;box-shadow:0 25px 70px #0009;max-width:90vw;padding:0;width:440px}.popup-header{align-items:center;background:#ffffff05;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:32px 36px}.popup-title{color:#fff;font-size:22px;font-weight:700;letter-spacing:.5px}.popup-close{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff9;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.popup-close:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:rotate(90deg)}.popup-body{padding:28px 36px}.wallet-option{align-items:center;background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:2px solid #ffffff1a;border-radius:16px;cursor:pointer;display:flex;gap:20px;overflow:hidden;padding:28px 32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.wallet-option:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s;width:100%}.wallet-option:hover:before{left:100%}.wallet-option:hover{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-color:#ffffff40;box-shadow:0 12px 30px #0006;transform:translateY(-3px)}.wallet-logo-wrapper{align-items:center;background:linear-gradient(135deg,#fff,#f5f5f5);border-radius:16px;box-shadow:0 6px 16px #00000040;display:flex;height:64px;justify-content:center;padding:12px;transition:all .3s ease;width:64px}.wallet-option:hover .wallet-logo-wrapper{box-shadow:0 8px 20px #00000059;transform:scale(1.05)}.wallet-logo{height:100%;object-fit:contain;width:100%}.wallet-info{display:flex;flex:1 1;flex-direction:column;gap:6px}.wallet-name{color:#fff;font-size:20px;font-weight:700;letter-spacing:.3px}.wallet-description{color:#fff9;font-size:13px;letter-spacing:.3px;line-height:1.4}.recommended-badge{background:linear-gradient(135deg,#ffd70033,#ffa50033);border:1px solid #ffd7004d;border-radius:6px;color:gold;display:inline-block;font-size:10px;font-weight:700;letter-spacing:1px;margin-top:4px;padding:4px 10px;text-transform:uppercase}.wallet-arrow{color:#ffffff4d;font-size:18px;transition:all .3s ease}.wallet-option:hover .wallet-arrow{color:#fff9;transform:translateX(4px)}.coming-soon-badge{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff26,#ffffff14);border:1px solid #fff3;border-radius:10px;box-shadow:0 4px 12px #0003;color:#ffffffe6;font-size:10px;font-weight:700;letter-spacing:1.5px;padding:8px 16px;position:absolute;right:24px;text-transform:uppercase;top:24px}.popup-footer{background:#ffffff05;border-radius:0 0 24px 24px;border-top:1px solid #ffffff14;display:flex;flex-direction:column;gap:16px;padding:24px 36px 28px}.popup-info{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;gap:12px;padding:14px 18px}.info-icon,.popup-info{align-items:center;display:flex}.info-icon{background:#ffffff1a;border-radius:50%;color:#fffc;flex-shrink:0;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.info-text{color:#fff9;font-size:12px;line-height:1.5;margin:0}.popup-footer-links{display:flex;gap:24px;justify-content:center}.footer-link{color:#ffffff80;font-size:12px;position:relative;text-decoration:none;transition:all .3s ease}.footer-link:after{background:#fffc;bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-link:hover{color:#ffffffe6}.footer-link:hover:after{width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.popup-content{width:90vw}.popup-header{padding:20px 24px}.popup-title{font-size:18px}.popup-body{padding:16px 24px 24px}.wallet-option{padding:14px 16px}.wallet-icon{font-size:20px;height:36px;width:36px}.wallet-name{font-size:14px}.header-content{padding:25px 30px}.header-logo{font-size:16px;letter-spacing:2px}.header-right{gap:10px}.header-balance{gap:8px;height:34px;padding:6px 12px}.coin-wrapper{height:18px;width:18px}.balance-amount{font-size:11px}.header-connect{font-size:9px;height:34px;padding:6px 14px}}@media (max-width:480px){.header-content{padding:18px 20px}.header-logo{font-size:18px;letter-spacing:2px}.header-logo:after{height:2px;width:20px}}*{box-sizing:border-box;margin:0;padding:0}body,html{background:#000;overflow-x:hidden}.orta-container{align-items:flex-end;background:#000;display:flex;height:100vh;justify-content:center;min-height:100vh;overflow:hidden;position:relative;width:100%}.orta-container:before{background:linear-gradient(180deg,#000,#0000);height:40%;top:0}.orta-container:after,.orta-container:before{content:"";left:0;pointer-events:none;position:absolute;right:0;z-index:10}.orta-container:after{background:linear-gradient(180deg,#0000,#000);bottom:0;height:30%}.orta-grid-wrapper{align-items:flex-end;display:flex;height:100%;overflow:hidden;padding-bottom:calc(10vw + 10px);position:relative;width:100%}.orta-grid{display:flex;flex-wrap:wrap;gap:8px;padding:0;width:100%;will-change:transform}.orta-card{background:linear-gradient(135deg,#141414cc,#000000e6);border:2px solid #fff3;border-radius:12px;box-sizing:border-box;cursor:pointer;flex-basis:calc(10% - 8px);flex-grow:0;flex-shrink:0;height:calc(10vw - 8px);opacity:1;overflow:hidden;position:relative;transform:translateY(0);transform-style:preserve-3d;transition:transform .1s ease-out,border-color .3s ease,box-shadow .3s ease;width:calc(10% - 8px)}.orta-card:before{background:radial-gradient(circle at 50% 50%,#ffffff26 0,#0000 70%);bottom:0;left:0;opacity:0;right:0;top:0;transition:opacity .3s ease;z-index:1}.orta-card:after,.orta-card:before{content:"";pointer-events:none;position:absolute}.orta-card:after{background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);height:200%;left:-50%;top:-50%;transform:rotate(0deg);transition:transform .6s ease;width:200%}.orta-card:hover{border-color:#ffffff80;box-shadow:0 20px 60px #000c,0 0 40px #ffffff26,inset 0 0 20px #ffffff0d;z-index:10}.orta-card:hover:before{opacity:1}.orta-card:hover:after{transform:rotate(180deg)}.orta-card:hover .orta-image{filter:brightness(1.15) contrast(1.05)}.orta-card.removing{opacity:0;transform:translateY(-100%)}.orta-image{display:block;height:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;object-fit:cover;position:relative;transition:filter .3s ease;width:100%;z-index:0}@media (max-width:1200px){.orta-card{height:calc(12.5vw - 5px);width:calc(12.5% - 5px)}}@media (max-width:768px){.orta-card{height:calc(16.666vw - 5px);width:calc(16.666% - 5px)}}@media (max-width:480px){.orta-card{height:calc(20vw - 5px);width:calc(20% - 5px)}}@media (max-width:768px){.orta-grid{gap:8px}.orta-card{border-radius:10px;flex-basis:calc(25% - 8px);flex-grow:0;flex-shrink:0;height:calc(25vw - 8px);width:calc(25% - 8px)}}@media (max-width:480px){.orta-grid{gap:10px;padding:10px}.orta-card{border-color:#ffffff4d;border-radius:12px;border-width:2px;flex-basis:calc(33.333% - 10px);flex-grow:0;flex-shrink:0;height:calc(33.333vw - 10px);width:calc(33.333% - 10px)}.orta-card:hover{box-shadow:0 12px 30px #0009,0 0 30px #fff3;transform:translateY(-4px) scale(1.05)}.orta-card:before{opacity:.8}}.about{background:#000;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow:hidden;padding:140px 60px 120px;position:relative}.about-side-image{height:450px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:450px;z-index:0}.about-side-image.left{animation:floatLeftAbout 8s ease-in-out infinite;left:50px}.about-side-image.right{animation:floatRightAbout 8s ease-in-out infinite;right:50px}.side-big-image{border-radius:32px;box-shadow:0 30px 80px #000000b3,0 0 100px #ffffff0d,inset 0 0 80px #ffffff08;display:block;filter:brightness(1.05) contrast(1.1);height:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;object-fit:cover;opacity:.8;transition:all .5s cubic-bezier(.4,0,.2,1);width:100%}.about-side-image:hover .side-big-image{box-shadow:0 40px 100px #000000e6,0 0 150px #ffffff26,inset 0 0 100px #ffffff14;filter:brightness(1.15) contrast(1.15);opacity:1;transform:scale(1.08) rotate(2deg)}@keyframes floatLeftAbout{0%,to{transform:translateY(-50%) translateX(0) rotate(0deg)}25%{transform:translateY(-55%) translateX(20px) rotate(2deg)}50%{transform:translateY(-50%) translateX(25px) rotate(0deg)}75%{transform:translateY(-45%) translateX(20px) rotate(-2deg)}}@keyframes floatRightAbout{0%,to{transform:translateY(-50%) translateX(0) rotate(0deg)}25%{transform:translateY(-55%) translateX(-20px) rotate(-2deg)}50%{transform:translateY(-50%) translateX(-25px) rotate(0deg)}75%{transform:translateY(-45%) translateX(-20px) rotate(2deg)}}.floating-cards-bg{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.floating-card{animation:floatCard 20s ease-in-out infinite;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#141414cc,#000000e6);border:2px solid #fff3;border-radius:12px;box-shadow:0 8px 32px #0009,inset 0 0 20px #ffffff0d;height:100px;opacity:.5;overflow:hidden;position:absolute;transition:all .3s ease;width:100px}.floating-card:hover{border-color:#fff6;box-shadow:0 12px 40px #000c,0 0 30px #fff3;opacity:.8;transform:scale(1.1)}.floating-card-image{display:block;height:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;object-fit:cover;width:100%}.floating-card:before{background:radial-gradient(circle at 50% 50%,#ffffff1a 0,#0000 70%);border-radius:12px;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.floating-card:hover:before{opacity:1}.floating-card:after{animation:cardShine 4s infinite;background:linear-gradient(45deg,#0000 30%,#ffffff26 50%,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:1}@keyframes floatCard{0%,to{opacity:.4;transform:translate(0) rotate(0deg)}25%{opacity:.6;transform:translate(50px,-80px) rotate(8deg)}50%{opacity:.5;transform:translate(-30px,-150px) rotate(-8deg)}75%{opacity:.7;transform:translate(60px,-100px) rotate(5deg)}}@keyframes cardShine{0%{transform:translate(-100%,-100%) rotate(45deg)}to{transform:translate(100%,100%) rotate(45deg)}}.about-container{margin:0 auto;max-width:1400px;position:relative;z-index:1}.about-header{flex-direction:column;gap:50px;margin-bottom:100px;text-align:center}.about-header,.about-logo-wrapper{align-items:center;display:flex;position:relative}.about-logo-wrapper{height:240px;justify-content:center;width:240px}.about-logo{animation:floatLogo 5s ease-in-out infinite;border-radius:50%;box-shadow:0 10px 40px #00000080;height:200px;object-fit:contain;position:relative;transition:transform .3s ease;width:200px;z-index:1}.about-logo:hover{box-shadow:0 15px 50px #000000b3;transform:scale(1.05)}@keyframes floatLogo{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-15px) rotate(2deg)}50%{transform:translateY(-30px) rotate(0deg)}75%{transform:translateY(-15px) rotate(-2deg)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.about-title{color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:72px;font-weight:900;letter-spacing:-3px;text-shadow:0 4px 20px #00000080;text-transform:uppercase}.about-content{grid-gap:70px;align-items:start;display:grid;gap:70px;grid-template-columns:1fr 1fr}.about-video-section{position:-webkit-sticky;position:sticky;top:120px}.about-video{border:2px solid #fff3;border-radius:28px;box-shadow:0 25px 70px #000000e6;transition:all .6s cubic-bezier(.4,0,.2,1);width:100%}.about-video:hover{border-color:#ffffff4d;box-shadow:0 35px 90px #000000e6;transform:translateY(-10px) scale(1.02)}.about-text-section{display:flex;flex-direction:column;gap:28px}.about-card{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff26;border-radius:28px;box-shadow:0 10px 40px #00000080,inset 0 1px 0 #ffffff1a;overflow:hidden;padding:45px;position:relative;transition:all .6s cubic-bezier(.4,0,.2,1)}.about-card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%}.about-card:hover:before{left:100%}.about-card:hover{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-color:#ffffff40;box-shadow:0 20px 60px #000000b3,inset 0 1px 0 #fff3;transform:translateY(-8px) scale(1.02)}.about-subtitle{color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:30px;font-weight:800;letter-spacing:-.8px;margin-bottom:18px;transition:all .3s ease}.about-card:hover .about-subtitle{transform:translateX(5px)}.about-description{color:#ffffffd9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:17.5px;font-weight:400;letter-spacing:.3px;line-height:1.9;transition:color .3s ease}.about-card:hover .about-description{color:#fffffff2}@media (max-width:1600px){.about-side-image{height:380px;width:380px}.about-side-image.left{left:30px}.about-side-image.right{right:30px}}@media (max-width:1400px){.about-side-image{height:320px;width:320px}.about-side-image.left{left:20px}.about-side-image.right{right:20px}}@media (max-width:1024px){.about-content{gap:50px;grid-template-columns:1fr}.about-video-section{position:relative;top:0}.about-side-image{display:none}}@media (max-width:768px){.about{padding:100px 30px 60px}.about-header{gap:20px;margin-bottom:50px}.about-logo{height:100px;width:100px}.about-title{font-size:36px;letter-spacing:4px}.about-card{padding:30px}.about-subtitle{font-size:22px}.about-description{font-size:16px;line-height:1.8}.about-side-image{display:none}}@media (max-width:480px){.about{padding:80px 20px 40px}.about-header{margin-bottom:40px}.about-logo{height:80px;width:80px}.about-title{font-size:28px;letter-spacing:3px}.about-card{padding:25px}.about-subtitle{font-size:20px;margin-bottom:14px}.about-description{font-size:15px}.about-side-image{display:none}}.roadmap{background:#000;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow:hidden;padding:140px 60px 120px;position:relative}.roadmap-big-image{animation:fadeInImage 1s ease-out;height:450px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:450px;z-index:0}.roadmap-big-image.left{animation:fadeInImage 1s ease-out,floatLeft 8s ease-in-out infinite;left:50px}.roadmap-big-image.right{animation:fadeInImage 1s ease-out,floatRight 8s ease-in-out infinite;right:50px}.big-image{border-radius:32px;box-shadow:0 30px 80px #000000b3,0 0 100px #ffffff0d,inset 0 0 80px #ffffff08;display:block;filter:brightness(1.05) contrast(1.1);height:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;object-fit:cover;opacity:.8;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);width:100%}.big-image:before{background:linear-gradient(135deg,#ffffff1a,#0000 50%,#0003);border-radius:32px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.roadmap-big-image:hover .big-image{box-shadow:0 40px 100px #000000e6,0 0 150px #ffffff26,inset 0 0 100px #ffffff14;filter:brightness(1.15) contrast(1.15);opacity:1;transform:scale(1.08) rotate(2deg)}@keyframes fadeInImage{0%{opacity:0;transform:translateY(-50%) scale(.85) rotate(-5deg)}to{opacity:1;transform:translateY(-50%) scale(1) rotate(0deg)}}@keyframes floatLeft{0%,to{transform:translateY(-50%) translateX(0) rotate(0deg)}25%{transform:translateY(-55%) translateX(20px) rotate(2deg)}50%{transform:translateY(-50%) translateX(25px) rotate(0deg)}75%{transform:translateY(-45%) translateX(20px) rotate(-2deg)}}@keyframes floatRight{0%,to{transform:translateY(-50%) translateX(0) rotate(0deg)}25%{transform:translateY(-55%) translateX(-20px) rotate(-2deg)}50%{transform:translateY(-50%) translateX(-25px) rotate(0deg)}75%{transform:translateY(-45%) translateX(-20px) rotate(2deg)}}.roadmap-container{margin:0 auto;max-width:1200px;position:relative;z-index:1}.roadmap-header{margin-bottom:90px;text-align:center}.roadmap-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a78bfa 50%,#fff);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 40px rgba(167,139,250,.4));font-size:64px;font-weight:800;letter-spacing:-2px;margin-bottom:20px;text-transform:uppercase}.roadmap-subtitle{color:#fff9;font-size:20px;font-weight:400;letter-spacing:.5px}.roadmap-timeline{display:flex;flex-direction:column;gap:50px;position:relative}.roadmap-timeline:before{background:linear-gradient(180deg,#a78bfa80,#6366f180 50%,#a78bfa80);bottom:0;content:"";left:60px;position:absolute;top:0;width:2px}.roadmap-phase{animation:fadeInUp .6s ease-out forwards;display:flex;gap:40px;opacity:0;position:relative}.roadmap-phase:first-child{animation-delay:.1s}.roadmap-phase:nth-child(2){animation-delay:.2s}.roadmap-phase:nth-child(3){animation-delay:.3s}.roadmap-phase:nth-child(4){animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.phase-number{align-items:center;background:linear-gradient(135deg,#6366f133,#8b5cf633);border:2px solid #a78bfa66;border-radius:50%;box-shadow:0 0 40px #6366f14d;color:#fff;display:flex;flex-shrink:0;font-size:48px;font-weight:800;height:120px;justify-content:center;position:relative;transition:all .4s ease;width:120px}.roadmap-phase:hover .phase-number{border-color:#a78bfa99;box-shadow:0 0 60px #6366f180;transform:scale(1.1)}.phase-content{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 8px 32px #0006;flex:1 1;overflow:hidden;padding:40px;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.phase-content:before{background:linear-gradient(90deg,#0000,#a78bfa1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s;width:100%}.roadmap-phase:hover .phase-content:before{left:100%}.roadmap-phase:hover .phase-content{background:linear-gradient(135deg,#ffffff1a,#ffffff0a);border-color:#a78bfa4d;box-shadow:0 16px 48px #6366f126;transform:translateX(10px)}.phase-title{color:#fff;font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:24px}.phase-items{display:flex;flex-direction:column;gap:16px;list-style:none;margin:0;padding:0}.phase-item{align-items:flex-start;display:flex;gap:12px}.item-bullet{color:#a78bfacc;flex-shrink:0;font-size:24px;line-height:1.8}.item-text{color:#ffffffbf;font-size:17px;font-weight:400;letter-spacing:.2px;line-height:1.8}@media (max-width:1600px){.roadmap-big-image{height:380px;width:380px}.roadmap-big-image.left{left:30px}.roadmap-big-image.right{right:30px}}@media (max-width:1400px){.roadmap-big-image{height:320px;width:320px}.roadmap-big-image.left{left:20px}.roadmap-big-image.right{right:20px}}@media (max-width:1024px){.roadmap-timeline:before{left:50px}.phase-number{font-size:40px;height:100px;width:100px}.roadmap-phase{gap:30px}.roadmap-big-image{display:none}}@media (max-width:768px){.roadmap{padding:100px 30px 80px}.roadmap-title{font-size:42px}.roadmap-subtitle{font-size:16px}.roadmap-timeline:before{left:40px}.roadmap-phase{gap:20px}.phase-number{font-size:32px;height:80px;width:80px}.phase-content{padding:30px}.phase-title{font-size:22px}.item-text{font-size:15px}.roadmap-big-image{display:none}}@media (max-width:480px){.roadmap{padding:80px 20px 60px}.roadmap-title{font-size:32px}.roadmap-subtitle{font-size:14px}.roadmap-timeline:before{display:none}.roadmap-phase{align-items:center;flex-direction:column;gap:20px}.phase-number{height:100px;width:100px}.phase-content{padding:25px}.phase-title{font-size:20px;margin-bottom:20px}.item-text{font-size:14px}.roadmap-big-image{display:none}}.footer{bottom:0;left:0;pointer-events:none;position:fixed;right:0;z-index:100}.footer-content{align-items:center;display:flex;justify-content:space-between;max-width:100%;padding:35px 60px 30px}.footer-left,.footer-right{align-items:center;display:flex;pointer-events:auto}.footer-typing{color:#ffffffe6;font-family:Courier New,monospace;font-size:13px;font-weight:600;letter-spacing:2px}.cursor{animation:blink 1s infinite;display:inline-block;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.footer-social{align-items:center;background:#fff;border-radius:0;color:#000;display:flex;height:42px;justify-content:center;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:42px}.footer-social:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.footer-social:hover:before{left:100%}.footer-social:hover{box-shadow:0 8px 20px #ffffff4d;transform:translateY(-3px)}.footer-social svg{height:18px;position:relative;width:18px;z-index:1}@media (max-width:768px){.footer-content{padding:20px}.footer-typing{font-size:11px;letter-spacing:1.5px}.footer-social{height:36px;width:36px}.footer-social svg{height:16px;width:16px}}@media (max-width:480px){.footer-content{padding:18px 20px}.footer-typing{font-size:11px;letter-spacing:1.5px}.footer-social{height:38px;width:38px}.footer-social svg{height:16px;width:16px}}