.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 0;transition:all .3s ease;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar.scrolled{background:rgba(0,0,0,.95);padding:.5rem 0;border-bottom:1px solid rgba(0,212,255,.3)}.nav-container{margin:0 auto;padding:0 2rem;justify-content:space-between}.nav-container,.nav-logo{display:flex;align-items:center}.nav-logo{font-size:1.8rem;font-weight:900;gap:.75rem;text-decoration:none;color:inherit;transition:all .3s ease}.nav-logo:hover{transform:scale(1.05)}.nav-logo-image{height:50px;width:auto;object-fit:contain;filter:drop-shadow(0 0 10px rgba(0,212,255,.5));border-radius:8px}.nav-menu{display:flex;gap:2rem;align-items:center}.nav-link{color:#ffffff;text-decoration:none;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;position:relative}.nav-link:hover{color:#00d4ff}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(45deg,#00d4ff,#0052ff);transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:1rem}.wallet-button{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 16px;color:#ffffff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;min-width:120px;text-align:center}.wallet-button:hover{background:rgba(255,255,255,.2);border-color:#00d4ff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,212,255,.3)}.wallet-avatar{width:24px;height:24px;border-radius:50%}.mobile-menu-button{display:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.mobile-menu-button span{width:100%;height:3px;background:#ffffff;border-radius:2px;transition:all .3s ease;transform-origin:center}.mobile-menu-button.active span:first-child{transform:rotate(45deg) translate(7px,7px)}.mobile-menu-button.active span:nth-child(2){opacity:0}.mobile-menu-button.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none;opacity:0;transition:opacity .3s ease;z-index:2}.mobile-menu-overlay.active{display:block;opacity:1}.mobile-menu{position:fixed;top:0;right:0;width:300px;height:100vh;background:#1a1a1a;border-left:1px solid #00d4ff;padding:2rem;display:flex;flex-direction:column;gap:2rem;transform:translateX(100%);transition:transform .3s ease}.mobile-menu-overlay.active .mobile-menu{transform:translateX(0)}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit}.mobile-logo-image{height:40px;width:auto;object-fit:contain;filter:drop-shadow(0 0 10px rgba(0,212,255,.5));border-radius:8px}.mobile-logo-text{font-size:1.5rem;font-weight:900;background:linear-gradient(45deg,#00d4ff,#0052ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mobile-menu-close{background:none;border:none;color:#ffffff;font-size:1.8rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-weight:400;line-height:1;font-family:Arial,sans-serif}.mobile-menu-links{display:flex;flex-direction:column;gap:1.5rem}.mobile-nav-link{color:#ffffff;text-decoration:none;font-weight:600;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;padding:.5rem 0;border-bottom:1px solid transparent}.mobile-nav-link:hover{color:#00d4ff;border-bottom-color:#00d4ff}.mobile-menu-actions{display:flex;flex-direction:column;gap:1rem;width:100%}.mobile-menu-actions>*{width:100%!important;min-height:48px!important;margin:0 auto!important}.mobile-wallet-avatar{width:24px;height:24px;border-radius:50%}.mobile-menu-actions .ock\:bg-ock-primary{width:100%!important;min-height:48px!important;font-size:.9rem!important;padding:12px 20px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;box-sizing:border-box!important}.mobile-btn-primary{background:linear-gradient(45deg,#00d4ff,#0052ff);border:none;padding:12px 20px;border-radius:50px;color:white;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-decoration:none;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:1px;text-align:center;width:100%;min-height:48px}.mobile-btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,212,255,.4)}@media (max-width:1280px){.nav-actions,.nav-menu{display:none}.mobile-menu-button{display:flex}}@media (max-width:768px){.nav-container{padding:0 1rem}.nav-logo-image{height:45px}.logo-text{font-size:1.5rem}.mobile-menu{width:100%;border-left:none}}@media (max-width:360px){.nav-container{padding:0 .5rem}.nav-logo{gap:.25rem}.nav-logo-image{height:35px}.logo-text{font-size:1rem}.nav-actions .btn-primary{padding:5px 10px;font-size:.75rem;white-space:nowrap}.wallet-button{padding:4px 8px;font-size:.7rem;min-width:80px}}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background:linear-gradient(135deg,#000000,#1a1a1a 50%,#000000);overflow:hidden;margin-top:100px}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(0,212,255,.1) 0,transparent 70%);pointer-events:none}.hero-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center;max-width:1280px;width:100%;padding:0 2rem;z-index:2;position:relative}.hero-text{text-align:left}.hero-title{font-size:4rem;font-weight:900;margin-bottom:1.5rem;line-height:1.1;display:flex;flex-direction:column;gap:.5rem}.text-gradient{-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(0,212,255,.5)}.text-gradient,.ticker{background:linear-gradient(45deg,#00d4ff,#00d4ff);-webkit-background-clip:text;background-clip:text}.ticker{font-size:1.5rem;font-weight:700;color:#00d4ff;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(0,212,255,.5);letter-spacing:2px;text-transform:uppercase}.hero-subtitle{font-size:1.3rem;line-height:1.6;margin-bottom:2.5rem;color:#cccccc;max-width:500px}.hero-actions{display:flex;gap:1.5rem;margin-bottom:3rem;flex-wrap:wrap}.social-links{align-items:center}.hero-logo-section{height:500px}.hero-logo-container,.hero-logo-section{width:100%;position:relative;display:flex;align-items:center;justify-content:center}.hero-logo-container{height:100%}.hero-main-logo{max-width:400px;max-height:400px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 0 50px rgba(0,212,255,.8));border-radius:30px;padding:20px}.hero-3d-model,.hero-main-logo{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(0,212,255,.3)}.hero-3d-model{width:100%;height:100%;box-shadow:0 0 50px rgba(0,212,255,.3)}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem;max-width:1000px;width:100%;padding:2rem;margin-top:6rem;z-index:2;position:relative}.stat-item{text-align:center;padding:1.5rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.stat-item:hover{transform:translateY(-5px);border-color:#00d4ff;box-shadow:0 10px 30px rgba(0,212,255,.2)}.stat-value{font-size:1.5rem;font-weight:900;color:#00d4ff;margin-bottom:.5rem;line-height:1.2;word-break:break-word;overflow-wrap:break-word}.stat-label{font-size:.9rem;color:#cccccc;text-transform:uppercase;letter-spacing:1px}@media (max-width:1200px){.hero-content{grid-template-columns:1fr;gap:3rem;max-width:800px}.hero-content,.hero-text{text-align:center}.hero-title{align-items:center}.hero-subtitle{max-width:600px;margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-logo-section{height:400px}.hero-main-logo{max-width:300px;max-height:300px}.hero-3d-model{border-radius:20px}.hero-stats{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width:768px){.hero{padding:2rem 0}.hero-content{padding:0 1.5rem}.hero-title{font-size:2.5rem}.ticker{font-size:1.2rem}.hero-subtitle{font-size:1.1rem;max-width:100%}.hero-actions{justify-content:center;gap:1rem}.hero-stats{grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.5rem}.stat-item{padding:1rem}.stat-value{font-size:1.2rem}.hero-logo-section{height:300px}.hero-main-logo{max-width:250px;max-height:250px;padding:15px}.hero-3d-model{border-radius:15px}}@media (max-width:480px){.hero{padding:1rem 0;margin-top:80px}.hero-content{padding:0 1rem;gap:2rem}.hero-title{font-size:2rem;margin-bottom:1rem}.ticker{font-size:1rem}.hero-subtitle{font-size:1rem;margin-bottom:2rem}.hero-actions{flex-direction:column;align-items:center;gap:.75rem}.hero-stats{grid-template-columns:1fr;gap:.75rem;padding:1rem;margin-top:2rem}.stat-item{padding:.75rem}.stat-value{font-size:1rem}.stat-label{font-size:.8rem}.hero-logo-section{height:250px}.hero-main-logo{max-width:200px;max-height:200px;padding:10px}.hero-3d-model{border-radius:10px}}.swan-model-container{max-width:400px;max-height:400px;position:relative;background:linear-gradient(135deg,#000000,#1a1a1a);overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.3)}.swan-model-container:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:250px;height:250px;background-color:#0000fe;border-radius:10px;z-index:1;pointer-events:none}.swan-model-container canvas{border-radius:20px;position:relative;z-index:2}@media (max-width:768px){.swan-model-container{min-height:300px;border-radius:15px}.swan-model-container canvas{border-radius:15px}.swan-model-container:after{width:150px;height:150px;border-radius:15px}}@media (max-width:480px){.swan-model-container{min-height:250px;border-radius:10px}.swan-model-container canvas{border-radius:10px}.swan-model-container:after{width:120px;height:120px;border-radius:10px}}.swan-model-container:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid #333;border-top-color:#00d4ff;border-radius:50%;animation:spin 1s linear infinite;z-index:1}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.swan-model-container:has(canvas):before{display:none}.contract-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem}.contract-info-column{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;margin:4rem 0}.contract-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.contract-card:hover{border-color:#00d4ff;box-shadow:0 10px 30px rgba(0,212,255,.2)}.contract-card h3{font-size:1.3rem;font-weight:700;margin-bottom:1rem;color:#00d4ff}.contract-address{display:flex;align-items:center;gap:1rem;background:rgba(0,0,0,.3);padding:1rem;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.contract-address code{flex:1 1;font-family:Courier New,monospace;font-size:.9rem;color:#ffffff;word-break:break-all}.copy-btn{background:#00d4ff;border:none;padding:.5rem 1rem;border-radius:5px;color:white;font-weight:600;cursor:pointer;transition:all .3s ease}.copy-btn:hover{background:#00d4ff;transform:translateY(-2px)}.copy-btn.copied{background:#0052ff;transform:scale(1.05)}.copy-btn.copied:hover{background:#00d4ff;transform:scale(1.05) translateY(-2px)}.network-info{display:flex;flex-direction:column;gap:.5rem}.network-name{font-size:1.1rem;font-weight:600;color:#ffffff}.network-chain{font-size:.9rem;color:#cccccc;font-family:Courier New,monospace}@media (max-width:768px){.contract-info,.contract-info-column{grid-template-columns:1fr}.contract-address{flex-direction:column;align-items:stretch}}.about{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0a0a0a);position:relative;overflow:hidden}.about:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(78,205,196,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,212,255,.1) 0,transparent 50%);pointer-events:none}.about-content{margin-bottom:4rem}.about-text{max-width:1440px;margin:0 auto;text-align:center}.about-image{margin-bottom:3rem;display:flex;justify-content:center}.meme-image{max-width:300px;width:100%;height:auto;border-radius:20px;filter:drop-shadow(0 10px 30px rgba(0,212,255,.3));transition:transform .3s ease}.meme-image:hover{transform:scale(1.05)}.about-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin:0 auto;max-width:1440px}.feature-item{gap:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.1);border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:row;justify-content:center}.feature-item:hover{transform:translateY(-5px);border-color:#00d4ff;box-shadow:0 10px 30px rgba(0,212,255,.2)}@media (max-width:768px){.feature-item.mobile-centered{transform:translateY(-5px);border-color:#00d4ff;box-shadow:0 10px 30px rgba(0,212,255,.2)}}.feature-icon{font-size:2rem;min-width:60px}.feature-text h3{font-size:1rem;font-weight:700;color:#00d4ff}.feature-text p{color:#cccccc;font-size:.8rem}.community-showcase{margin:4rem 0;text-align:center}.community-title{font-weight:800;margin-bottom:1rem;background:linear-gradient(45deg,#00d4ff,#0052ff,#00d4ff)}.community-image-container{display:flex;justify-content:center;margin:2rem 0}.community-image{max-width:100%;height:auto;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.3);filter:drop-shadow(0 10px 30px rgba(0,212,255,.2));transition:transform .3s ease,box-shadow .3s ease}.community-image:hover{transform:scale(1.02);box-shadow:0 25px 50px rgba(0,0,0,.4)}.meme-gallery{margin-top:4rem}.gallery-title{font-size:2rem;font-weight:800;text-align:center;margin-bottom:2rem;background:linear-gradient(45deg,#00d4ff,#0052ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gallery-container{position:relative;display:flex;align-items:center;gap:1rem}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem;gap:1.5rem;flex:1 1;overflow:hidden}.gallery-nav{background:rgba(0,212,255,.8);border:none;color:white;font-size:1.5rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;min-width:40px}.gallery-nav:hover:not(:disabled){background:#00d4ff;transform:scale(1.1)}.gallery-nav:disabled{background:rgba(255,255,255,.2);cursor:not-allowed;opacity:.5}.gallery-nav-left{order:1}.gallery-grid{order:2}.gallery-nav-right{order:3}.gallery-pagination{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.gallery-dot{width:12px;height:12px;border-radius:50%;border:none;background:rgba(255,255,255,.3);cursor:pointer;transition:all .3s ease}.gallery-dot:hover{background:rgba(0,212,255,.6);transform:scale(1.2)}.gallery-dot.active{background:#00d4ff;transform:scale(1.3)}.gallery-item{position:relative;border-radius:15px;overflow:hidden;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.gallery-item img{width:100%;height:250px;object-fit:cover;object-position:center;transition:transform .3s ease;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated}.gallery-item:hover img{transform:scale(1.1)}@media (max-width:768px){.container{padding:0 1rem}.about-features{grid-template-columns:1fr}.feature-item{flex-direction:column;text-align:center;gap:0!important}.feature-icon{margin:0!important}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-nav{width:35px;height:35px;font-size:1.2rem}.gallery-item img{height:200px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.community-title{font-size:2rem}.community-description{font-size:1rem}}@media (max-width:480px){.meme-image{max-width:250px}.gallery-grid{grid-template-columns:1fr}.gallery-container{gap:.5rem}.gallery-nav{width:30px;height:30px;font-size:1rem}.community-title{font-size:1.8rem}.community-description{font-size:.9rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center;z-index:1000;cursor:pointer}.modal-content{position:relative;max-width:90vw;max-height:90vh;background:#1a1a1a;border-radius:20px;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.5);cursor:default}.modal-close{position:absolute;top:10px;right:15px;background:rgba(0,212,255,.8);border:none;color:white;font-size:2rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1001}.modal-close:hover{background:#00d4ff;transform:scale(1.1)}.modal-image-container{position:relative;display:flex;justify-content:center;align-items:center;max-width:100%;max-height:80vh}.modal-image{max-width:100%;max-height:80vh;width:auto;height:auto;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.3)}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,212,255,.8);border:none;color:white;font-size:2rem;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1002}.modal-nav:hover{background:#00d4ff;transform:translateY(-50%) scale(1.1)}.modal-nav-left{left:20px}.modal-nav-right{right:20px}.modal-counter{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.7);color:white;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600}.gallery-item{cursor:pointer}.gallery-item:hover{transform:translateY(-10px);border-color:#00d4ff;box-shadow:0 20px 40px rgba(0,212,255,.3)}@media (max-width:768px){.modal-content{max-width:95vw;max-height:95vh;padding:15px}.modal-close{top:5px;right:10px;width:35px;height:35px;font-size:1.5rem}.modal-image{max-height:75vh}.modal-nav{width:40px;height:40px;font-size:1.5rem}.modal-nav-left{left:10px}.modal-nav-right{right:10px}.modal-counter{bottom:10px;font-size:.8rem;padding:6px 12px}}.howtobuy{background:linear-gradient(135deg,#1a1a1a,#0a0a0a 50%,#1a1a1a);position:relative;overflow:hidden}.howtobuy:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(78,205,196,.05) 0,transparent 70%);pointer-events:none}.container{max-width:unset}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:3rem;gap:3rem;margin:4rem 0}.step-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;overflow:hidden}.step-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(0,212,255,.1),transparent);opacity:0;transition:opacity .3s ease}.step-item:hover:before{opacity:1}.step-item:hover{transform:translateY(-10px);border-color:#00d4ff;box-shadow:0 20px 40px rgba(0,212,255,.2)}@media (max-width:768px){.step-item.mobile-centered{transform:translateY(-10px);border-color:#00d4ff;box-shadow:0 20px 40px rgba(0,212,255,.2)}.step-item.mobile-centered:before{opacity:1}.step-item.mobile-centered .step-image img{transform:scale(1.1)}}.step-image{margin-bottom:1.5rem;position:relative;z-index:2}.step-image img{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,212,255,.3));transition:transform .3s ease}.step-item:hover .step-image img{transform:scale(1.1)}.step-content{position:relative;z-index:2}.step-number{font-size:3rem;font-weight:900;color:#00d4ff;margin-bottom:1rem;opacity:.3}.step-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#ffffff}.step-description{color:#cccccc;line-height:1.6;font-size:1rem}.exchange-links{margin-top:4rem;text-align:center}.exchange-title{font-size:2rem;font-weight:800;margin-bottom:2rem;background:linear-gradient(45deg,#00d4ff,#0052ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.exchange-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem;max-width:800px;margin:0 auto}.exchange-link{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:15px;text-decoration:none;color:#ffffff;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.exchange-link:hover{transform:translateY(-5px);border-color:#00d4ff;box-shadow:0 10px 30px rgba(0,212,255,.2)}.exchange-link img{width:60px;height:60px;object-fit:contain;filter:brightness(0) invert(1)}.exchange-link span{font-weight:600;font-size:1.1rem}@media (max-width:768px){.container{padding:0 1rem}.steps-container{grid-template-columns:1fr;gap:2rem}.exchange-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.step-item{padding:1.5rem}.step-image img{width:100px;height:100px}.exchange-grid{grid-template-columns:1fr}}.tokenomics{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0a0a0a);position:relative;overflow:hidden}.tokenomics:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 80% 20%,rgba(0,212,255,.1) 0,transparent 50%),radial-gradient(circle at 20% 80%,rgba(78,205,196,.1) 0,transparent 50%);pointer-events:none}.tokenomics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem;margin:4rem 0}.tokenomics-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem 1.5rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;overflow:visible;min-height:200px;display:flex;flex-direction:column;justify-content:center}.tokenomics-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(0,212,255,.1),transparent);opacity:0;transition:opacity .3s ease}.tokenomics-card:hover:before{opacity:1}.tokenomics-card:hover{transform:translateY(-10px);border-color:#00d4ff;box-shadow:0 20px 40px rgba(0,212,255,.2)}.card-value{font-size:1.8rem;font-weight:900;color:#00d4ff;margin-bottom:1rem;position:relative;z-index:2;line-height:1.2;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;white-space:nowrap;overflow:visible}.card-value.long-text{font-size:1.4rem;white-space:normal;line-height:1.3}.card-label{font-size:1.2rem;font-weight:700;color:#ffffff;margin-bottom:.5rem;position:relative;z-index:2}.card-description{color:#cccccc;font-size:.9rem;position:relative;z-index:2;line-height:1.4;margin-top:auto}.distribution-section{margin:4rem 0}.distribution-title{font-size:2rem;font-weight:800;text-align:center;margin-bottom:3rem;background:linear-gradient(45deg,#00d4ff,#0052ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.distribution-chart{max-width:600px;margin:0 auto}.distribution-item{margin-bottom:2rem}.distribution-bar{height:20px;background:rgba(255,255,255,.1);overflow:hidden;margin-bottom:1rem}.bar-fill,.distribution-bar{border-radius:10px;position:relative}.bar-fill{height:100%;transition:width 1s ease-in-out}.bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.distribution-info{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.info-header{display:flex;flex-direction:column;gap:.25rem}.info-category{font-weight:700;color:#ffffff;font-size:1.1rem}.info-percentage{font-weight:600;color:#00d4ff;font-size:1.2rem}.info-description{color:#cccccc;font-size:.9rem;flex:1 1;text-align:right}.features-section{margin:4rem 0}.features-title{font-size:2rem;font-weight:800;text-align:center;margin-bottom:3rem;background:linear-gradient(45deg,#00d4ff,#0052ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem}.feature-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:2rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);border-color:#00d4ff;box-shadow:0 10px 30px rgba(0,212,255,.2)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h4{font-size:1.3rem;font-weight:700;color:#00d4ff;margin-bottom:1rem}.feature-card p{color:#cccccc;line-height:1.6;font-size:.9rem}.disclaimer{background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.3);border-radius:15px;padding:2rem;margin-top:4rem;text-align:center}.disclaimer h4{color:#00d4ff;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.disclaimer p{color:#cccccc}@media (max-width:768px){.container{padding:0 1rem}.tokenomics-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.tokenomics-card{padding:1.5rem 1rem;min-height:180px}.card-value{font-size:1.5rem}.distribution-info{flex-direction:column;align-items:flex-start}.info-description{text-align:left}.features-grid{grid-template-columns:1fr}}@media (max-width:480px){.tokenomics-grid{grid-template-columns:1fr;gap:1rem}.tokenomics-card{padding:1.25rem 1rem;min-height:160px}.card-value{font-size:1.3rem}.card-label{font-size:1rem}.card-description{font-size:.85rem}.distribution-title,.features-title{font-size:1.5rem}}.roadmap{background:linear-gradient(135deg,#1a1a1a,#0a0a0a 50%,#1a1a1a);position:relative;overflow:hidden}.roadmap:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 70%,rgba(78,205,196,.1) 0,transparent 50%),radial-gradient(circle at 70% 30%,rgba(0,212,255,.1) 0,transparent 50%);pointer-events:none}.phases-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));grid-gap:2rem;gap:2rem;margin:4rem 0}.phase-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;overflow:hidden}.phase-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(0,212,255,.1),transparent);opacity:0;transition:opacity .3s ease}.phase-card:hover:before{opacity:1}.phase-card.completed{border-color:#0052ff}.phase-card.current{border-color:#00d4ff;box-shadow:0 0 30px rgba(0,212,255,.3)}.phase-card.upcoming{border-color:rgba(255,255,255,.3);opacity:.8}.phase-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,212,255,.2)}.phase-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;position:relative;z-index:2}.phase-number{font-size:1.2rem;font-weight:700;color:#00d4ff;text-transform:uppercase;letter-spacing:1px}.phase-status{gap:.5rem}.phase-status,.status-badge{display:flex;align-items:center}.status-badge{width:24px;height:24px;border-radius:50%;justify-content:center;font-size:.8rem;font-weight:700;position:relative}.status-badge.completed{background:#0052ff;color:#000;box-shadow:0 0 10px rgba(78,205,196,.4)}.status-badge.current{background:#00d4ff;color:#fff;box-shadow:0 0 15px rgba(0,212,255,.5)}.status-badge.upcoming{background:transparent;border:2px solid rgba(255,255,255,.4);color:#fff}.pulse-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:pulse 2s infinite}.outline-circle{width:8px;height:8px;border:2px solid rgba(255,255,255,.6);border-radius:50%;background:transparent}.status-text{font-size:.9rem;font-weight:600;color:#cccccc;text-transform:uppercase;letter-spacing:1px}.phase-title{font-size:2rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(45deg,#00d4ff,#0052ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:2}.phase-description{color:#cccccc;line-height:1.6;margin-bottom:2rem;font-size:1.1rem}.phase-description,.phase-features{position:relative;z-index:2}.feature-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.5rem;background:rgba(255,255,255,.05);border-radius:8px;transition:all .3s ease}.feature-item:hover{background:rgba(0,212,255,.1);transform:translateX(5px)}.feature-icon{color:#00d4ff;font-weight:700;font-size:1.2rem}.feature-text{color:#ffffff;font-weight:500}.milestones-section{margin:4rem 0}.milestones-title{font-size:2rem;font-weight:800;text-align:center;margin-bottom:3rem;background:linear-gradient(45deg,#00d4ff,#0052ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.milestones-timeline{position:relative;max-width:800px;margin:0 auto}.milestones-timeline:before{content:"";position:absolute;left:30px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#00d4ff,#0052ff)}.milestone-item{display:flex;align-items:flex-start;gap:2rem;margin-bottom:3rem;position:relative}.milestone-dot{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;flex-shrink:0}.milestone-item.completed .milestone-dot{background:#0052ff;box-shadow:0 0 20px rgba(78,205,196,.5)}.milestone-item.current .milestone-dot{background:#00d4ff;box-shadow:0 0 20px rgba(0,212,255,.5);animation:pulse 2s infinite}.milestone-item.upcoming .milestone-dot{background:rgba(255,255,255,.3);border:2px solid rgba(255,255,255,.5)}.milestone-dot:after{content:"✓";color:#000;font-weight:700;font-size:1.2rem}.milestone-item.current .milestone-dot:after{content:"●";color:#fff}.milestone-item.upcoming .milestone-dot:after{content:"○";color:#fff}.milestone-content{flex:1 1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.milestone-item:hover .milestone-content{transform:translateX(10px);border-color:#00d4ff;box-shadow:0 10px 30px rgba(0,212,255,.2)}.milestone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.milestone-title{font-size:1.3rem;font-weight:700;color:#ffffff}.milestone-date{color:#00d4ff;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.milestone-description{color:#cccccc;line-height:1.6}.community-section{text-align:center;margin-top:4rem;padding:3rem;background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.3);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.community-title{font-size:2.5rem;font-weight:900;margin-bottom:1.5rem;background:linear-gradient(45deg,#00d4ff,#0052ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.community-description{font-size:1.2rem;color:#cccccc;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.community-actions{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}@media (max-width:768px){.container{padding:0 1rem}.phases-container{grid-template-columns:1fr}.milestones-timeline:before{left:20px}.milestone-item{gap:1rem}.milestone-dot{width:40px;height:40px}.milestone-header{flex-direction:column;align-items:flex-start;gap:.5rem}.community-actions{flex-direction:column;align-items:center}}@media (max-width:480px){.phase-card{padding:2rem}.phase-title{font-size:1.5rem}.milestones-timeline:before{left:15px}.milestone-dot{width:30px;height:30px}.milestone-content{padding:1.5rem}.community-title{font-size:2rem}}.swap-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:500px;margin:0 auto;padding:2rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:1.5rem}.wallet-connect-text{margin-top:1.5rem}.wallet-connect-container{align-items:center;display:flex;flex-direction:column}.mobile-wallet-only{display:none}@media (max-width:1280px){.mobile-wallet-only{display:flex;justify-content:center;width:100%;margin-bottom:1rem}.mobile-wallet-only .ock\:bg-ock-primary{width:100%!important;min-height:48px!important;font-size:.9rem!important;padding:12px 20px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;box-sizing:border-box!important}}.footer{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#000000);border-top:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(0,212,255,.05) 0,transparent 70%);pointer-events:none}.container{margin:0 auto;padding:0 2rem;position:relative;z-index:2}.footer-content{display:grid;grid-template-columns:1fr 2fr;grid-gap:4rem;gap:4rem;padding:4rem 0 2rem}.footer-brand{max-width:400px}.footer-logo{margin-bottom:1.5rem}.logo-text{font-size:2.5rem;font-weight:900;background:linear-gradient(45deg,#00d4ff,#0052ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-description{color:#cccccc;line-height:1.6;margin-bottom:2rem;font-size:1.1rem}.social-links{display:flex;gap:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:rgba(255,255,255,.1);border-radius:50%;transition:all .3s ease;text-decoration:none}.social-link:hover{background:rgba(0,212,255,.2);transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,212,255,.3)}.social-link img{width:24px;height:24px}.social-link img[alt=X]{background:black;border-radius:4px;padding:2px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem}.link-group h4{font-size:1.2rem;font-weight:700;color:#00d4ff;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.link-group a{display:block;color:#cccccc;text-decoration:none;margin-bottom:.75rem;transition:all .3s ease;font-size:.95rem}.link-group a:hover{color:#00d4ff;transform:translateX(5px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:2rem 0;text-align:center}.disclaimer{margin-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto}.disclaimer p{color:#999999;font-size:.9rem;line-height:1.6;margin-bottom:1rem}.disclaimer p:last-child{margin-bottom:0}.footer-copyright{color:#666666;font-size:.9rem}.footer-copyright p{margin:0}@media (max-width:1024px){.footer-content{grid-template-columns:1fr;gap:3rem;text-align:center}.footer-brand{max-width:none}.footer-links{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.container{padding:0 1rem}.footer-content{padding:3rem 0 2rem}.footer-links{grid-template-columns:1fr;gap:2rem}.link-group{text-align:center}.social-links{justify-content:center}}@media (max-width:480px){.logo-text{font-size:2rem}.footer-description{font-size:1rem}.social-link{width:45px;height:45px}.social-link img{width:20px;height:20px}}