:root{--c-bg-dark:#0a0a0c;--c-bg-glass:#0a0a0cad;--c-neon:#00e5ff;--c-magenta:#ff00e5;--c-primary:#00e5ff;--c-primary-dark:#0099b8;--c-text-light:#eaeaea}body{color:#fff;background-image:url(https://brown-reasonable-krill-562.mypinata.cloud/ipfs/bafkreihn6rnrktqbzq6okhbbvgkbyx5lfda2x3cpydosml6og4x73jhewy);background-position:50%;background-size:cover;margin:0;padding:0;font-family:Orbitron,sans-serif;overflow-x:hidden}.main{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;max-width:100vw;display:flex}.hero{text-align:center;background-color:#00000080;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1200px;margin-bottom:40px;padding:60px 30px;display:flex;position:relative;box-shadow:0 0 20px #0003}.hero h1{color:#e6e6ff;text-shadow:0 0 12px #fffc;margin-bottom:20px;font-size:64px;font-weight:700}.hero h1:after{content:"";background:var(--c-neon);width:120px;height:4px;box-shadow:0 0 8px var(--c-neon);margin:12px auto 0;display:block}.hero p{color:#fff;text-shadow:0 0 10px #ffffff80;margin-bottom:40px;font-size:24px}.hero button{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:10px;padding:20px 40px;font-size:24px;box-shadow:0 0 10px #0003}.hero button:hover{background-color:#2ecc71}.hero:hover{box-shadow:0 0 30px #0006}.our-universe-container{background:#00000080;border-radius:20px;margin-bottom:40px;padding:40px;position:relative;box-shadow:0 0 20px #0003}.our-universe-container:after{content:"";border:2px solid var(--c-neon);box-shadow:0 0 12px var(--c-neon);pointer-events:none;border-radius:20px;animation:3s infinite pulseNeon;position:absolute;inset:0}.our-universe{grid-template-columns:repeat(2,1fr);justify-content:center;gap:1.6rem;max-width:1200px;margin:0 auto;display:grid}@media (max-width:768px){.our-universe{grid-template-columns:1fr}}.our-universe-box{background:var(--c-bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 30px #0009, inset 0 0 15px var(--c-neon);text-align:center;box-sizing:border-box;border:1px solid #00e5ff33;border-radius:18px;flex-direction:column;align-items:center;width:100%;max-width:100%;padding:2rem;transition:transform .3s,box-shadow .3s;display:flex}.our-universe-box:hover{box-shadow:0 8px 40px #000c, 0 0 20px var(--c-neon);transform:translateY(-6px)}.our-universe-box h2{color:var(--c-neon);text-shadow:0 0 6px var(--c-neon);margin-top:1rem;margin-bottom:8px;font-size:24px;font-weight:700}.our-universe-box p{color:#fff;text-shadow:0 0 6px #fff6;margin-bottom:1.2rem;font-size:18px}.our-universe-box button,.our-universe-box a button{background-color:var(--c-primary);color:#fff;cursor:pointer;box-shadow:0 0 8px var(--c-primary);border:none;border-radius:10px;padding:.8rem 1.6rem;font-size:1rem;transition:background-color .3s,box-shadow .3s,transform .2s}.our-universe-box button:hover,.our-universe-box a button:hover{background-color:var(--c-primary-dark);box-shadow:0 0 12px var(--c-primary);transform:translateY(-2px)}.story{text-align:center;background-color:#00000080;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1200px;margin-bottom:40px;padding:40px;display:flex;box-shadow:0 0 20px #0003}.story h2{color:#fff;text-shadow:0 0 10px #ffffff80;margin-bottom:20px;font-size:48px;font-weight:700}.story p{color:#fff;text-shadow:0 0 10px #ffffff80;margin-bottom:40px;font-size:24px}.story button{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:10px;padding:20px 40px;font-size:24px;box-shadow:0 0 10px #0003}.story button:hover{background-color:#2ecc71}.site-footer{background:var(--c-bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;box-shadow:0 4px 30px #0009, inset 0 0 15px var(--c-neon);border:1px solid #00e5ff33;border-radius:18px;margin-top:4rem;padding:1.8rem}.site-footer p{color:#fff;text-shadow:0 0 8px #fff9;margin-bottom:1rem;font-size:18px}.footer-links{justify-content:center;align-items:center;gap:1rem;display:flex}.footer-links a{color:#fff;transition:transform .2s,color .2s}.footer-links a:hover{color:var(--c-neon);transform:translateY(-2px)}.lunar-footer{background:var(--c-bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;box-shadow:0 4px 30px #0009, inset 0 0 15px var(--c-neon);border:1px solid #00e5ff33;border-radius:18px;margin-top:4rem;padding:1.8rem}footer{text-align:center;background-color:#00000080;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1200px;margin-top:40px;padding:20px;display:flex;box-shadow:0 0 20px #0003}footer p{color:#fff;text-shadow:0 0 10px #ffffff80;margin-bottom:20px;font-size:18px}.story-container{flex-direction:column;align-items:center;gap:40px;width:100%;padding:20px;display:flex}.section-box{text-align:center;background-color:#00000080;border-radius:20px;width:100%;padding:20px;box-shadow:0 0 20px #0003}.section-title{color:#fff;text-shadow:0 0 10px #ffffff80;margin-bottom:20px;font-size:48px;font-weight:700}.section-text{color:#fff;text-shadow:0 0 10px #ffffff4d;margin-bottom:30px;font-size:24px;line-height:1.6}.page-footer{background-color:#00000080;border-radius:20px;justify-content:center;align-items:center;width:100%;max-width:1200px;margin-top:40px;padding:20px;display:flex;box-shadow:0 0 20px #0003}@media (max-width:768px){.section-box{padding:20px}.section-title{font-size:36px}.section-text{font-size:18px}}.divider{background-color:#3498db;width:60%;height:2px;margin:30px auto}.navbar{z-index:1000;background:#000000b3;width:100%;position:fixed;top:0;left:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex}.logo{color:#fff;cursor:pointer;font-size:1.5rem;text-decoration:none}.menu-toggle{cursor:pointer;color:#fff;font-size:1.5rem;display:none}.nav-links{gap:2rem;margin:0;padding:0;list-style:none;display:flex}.nav-links li{position:relative}.nav-links a{color:#fff;text-decoration:none;transition:all .3s}.nav-links a:hover{color:#2ecc71}.logo-image{width:80px;height:auto;margin:10px;transition:filter .3s}.logo-image:hover{filter:brightness(1.1)}@media (max-width:768px){.logo-image{width:70px}.menu-toggle{display:block}.nav-links{visibility:hidden;background:#000000e6;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;padding-top:6rem;transition:all .3s;position:fixed;top:0;left:0;transform:translateY(-100%)}.nav-links.active{visibility:visible;transform:translateY(0%)}.nav-links li{margin:1.5rem 0;font-size:1.2rem}.nav-links.active .close-btn{display:block}.nav-links .close-btn{margin-top:1rem;display:none}.nav-links .close-btn button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.2rem}}.main{padding-top:60px}html{scroll-behavior:smooth}.story-chapters{text-align:left;box-sizing:border-box;overflow-wrap:break-word;word-break:break-word;width:100%;margin:0 auto;padding:0 20px}.chapter{margin-bottom:60px}.chapter-title{color:#fff;text-shadow:0 0 10px #ffffff80;text-align:center;margin-top:40px;margin-bottom:20px;font-size:36px;font-weight:700}.chapter-text{color:#fff;text-shadow:0 0 10px #ffffff4d;margin-bottom:20px;font-size:20px;line-height:1.8}@media (max-width:768px){.section-title{font-size:30px}.chapter-title{font-size:24px}.chapter-text{font-size:16px}}@media (max-width:480px){.section-title{font-size:24px}.chapter-title{font-size:20px}.chapter-text{font-size:14px}.story-container,.section-box{padding:10px}}.chapter-image-container{text-align:center;border-radius:10px;width:100%;height:auto;margin:2rem 0;box-shadow:0 0 10px #0000001a}.chapter-image-container img{border-radius:10px;width:100%;height:auto;box-shadow:0 0 10px #0000001a}.chapter-image-wrapper{width:100%;max-width:800px;margin:2rem auto;position:relative}.chapter-image-wrapper img{filter:brightness(.8);border-radius:10px;width:100%;height:auto;transition:filter .3s;display:block;box-shadow:0 0 10px #0000001a}.chapter-image-wrapper:after{content:"";pointer-events:none;background:#00000059;border-radius:10px;position:absolute;inset:0}.chapter-image-wrapper:hover img{filter:brightness(.6)}@media (max-width:768px){.chapter-image-wrapper{max-width:100%}}.lunar-card{background:var(--c-bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 30px #0009, inset 0 0 15px var(--c-neon);box-sizing:border-box;border:1px solid #00e5ff33;border-radius:18px;width:100%;max-width:100%;padding:2rem;transition:transform .3s,box-shadow .3s}.lunar-card:hover{box-shadow:0 8px 40px #000c, 0 0 20px var(--c-neon);transform:translateY(-6px)}.lunar-section-header{color:var(--c-neon);text-align:center;text-shadow:0 0 8px var(--c-neon), 0 0 32px var(--c-neon);margin:2rem 0 1rem;font-family:Orbitron,sans-serif;font-size:3.2rem;font-weight:900}.lunar-subtitle{color:var(--c-magenta);text-shadow:0 0 6px var(--c-magenta);margin-top:1.5rem;margin-bottom:.5rem;font-size:1.9rem}.lunar-divider{background:linear-gradient(90deg, transparent, var(--c-primary), transparent);width:70%;max-width:500px;height:3px;margin:2rem auto;position:relative;overflow:hidden}.lunar-divider:before{content:"";background:var(--c-primary);width:30%;height:100%;box-shadow:0 0 8px var(--c-primary);animation:2s infinite slide;position:absolute;left:-30%}@keyframes slide{0%{left:-30%}50%{left:100%}to{left:-30%}}.lunar-usecase-grid{grid-template-columns:repeat(2,1fr);gap:1.6rem;margin-top:2rem;display:grid}@media (max-width:768px){.lunar-usecase-grid{grid-template-columns:1fr}}.lunar-usecase{text-align:left;flex:1;align-items:flex-start;min-width:0;display:flex}.lunar-usecase svg{width:2.2rem;height:2.2rem;color:var(--c-neon);flex-shrink:0;margin-right:.9rem}.lunar-counter{color:var(--c-neon);text-shadow:0 0 10px var(--c-neon);font-family:Orbitron,monospace;font-size:3rem;font-weight:700}.lunar-footer{background:var(--c-bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;border-radius:18px;margin-top:4rem;padding:1.8rem}@media (max-width:768px){.lunar-section-header{font-size:2.6rem}.lunar-subtitle{font-size:1.5rem}}@keyframes pulseNeon{0%,to{opacity:.6}50%{opacity:.2}}@keyframes neonPulse{0%,to{box-shadow:0 0 8px var(--c-neon)}50%{box-shadow:0 0 20px var(--c-neon)}}.neon-pulse{animation:2s ease-in-out infinite neonPulse}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 30% 30%,#00e5ff14,#0000 40%),radial-gradient(circle at 70% 70%,#ff00e512,#0000 40%);position:fixed;inset:0}
