.futuristic-btn{position:relative;padding:16px 40px;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:2px;background:#0a0a0acc;border:2px solid;color:#0f8;cursor:pointer;overflow:hidden;transition:all .3s ease;text-decoration:none;display:inline-block;clip-path:polygon(0 8px,8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}.futuristic-btn-primary{border-color:#0f8;color:#0f8}.futuristic-btn-secondary{border-color:#00d9ff;color:#00d9ff}.futuristic-btn-accent{border-color:#f0f;color:#f0f}.btn-content{position:relative;z-index:2;display:block}.btn-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:currentColor;opacity:0;filter:blur(20px);transition:opacity .3s ease;z-index:0}.btn-corner{position:absolute;width:10px;height:10px;border-style:solid;border-color:currentColor;transition:all .3s ease}.btn-corner.tl{top:-2px;left:-2px;border-width:2px 0 0 2px}.btn-corner.tr{top:-2px;right:-2px;border-width:2px 2px 0 0}.btn-corner.bl{bottom:-2px;left:-2px;border-width:0 0 2px 2px}.btn-corner.br{bottom:-2px;right:-2px;border-width:0 2px 2px 0}.futuristic-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px currentColor,inset 0 0 20px #00ff881a}.futuristic-btn:hover .btn-glow{opacity:.3}.futuristic-btn:hover .btn-corner{width:20px;height:20px}.futuristic-btn:active{transform:translateY(0)}.futuristic-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease;z-index:1}.futuristic-btn:hover:before{left:100%}.mysterious-countdown{margin:60px auto;padding:40px 20px;max-width:900px;background:#0009;border:2px solid #ff00ff;clip-path:polygon(0 15px,15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%);position:relative}.mysterious-countdown:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,0,255,.1) 0%,transparent 100%);pointer-events:none}.countdown-label{font-size:clamp(1rem,2vw,1.3rem);color:#f0f;letter-spacing:4px;text-align:center;margin-bottom:30px;text-shadow:0 0 15px rgba(255,0,255,.8);animation:pulse-text 2s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.6}}.countdown-grid{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:30px;flex-wrap:wrap}.countdown-item{text-align:center;min-width:80px}.countdown-value{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;color:#f0f;text-shadow:0 0 20px rgba(255,0,255,.8),0 0 40px rgba(255,0,255,.4);font-family:Orbitron,monospace;animation:glow-pulse 3s ease-in-out infinite}@keyframes glow-pulse{0%,to{text-shadow:0 0 20px rgba(255,0,255,.8),0 0 40px rgba(255,0,255,.4)}50%{text-shadow:0 0 30px rgba(255,0,255,1),0 0 60px rgba(255,0,255,.6),0 0 80px rgba(255,0,255,.3)}}.countdown-unit{font-size:clamp(.7rem,1vw,.9rem);color:#888;letter-spacing:2px;margin-top:5px;text-transform:uppercase}.countdown-separator{font-size:clamp(2rem,4vw,3rem);color:#f0f;font-weight:900;opacity:.6;animation:blink 2s ease-in-out infinite}@keyframes blink{0%,49%,to{opacity:.6}50%,99%{opacity:0}}.countdown-mystery{font-size:clamp(.9rem,1.5vw,1.1rem);color:#0f8;letter-spacing:3px;text-align:center;text-shadow:0 0 10px rgba(0,255,136,.6);animation:flicker-green 1.5s infinite}@keyframes flicker-green{0%,to{opacity:1}41%,43%{opacity:.7}45%,47%{opacity:1}50%{opacity:.8}}@media (max-width: 768px){.countdown-grid{gap:5px}.countdown-item{min-width:60px}.countdown-separator{margin:0 5px}}.app{width:100%;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.hero-banner{position:relative;width:100%;height:100vh;min-height:600px;overflow:hidden}.hero-banner-image{width:100%;height:100%;object-fit:cover;object-position:center}.hero-banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0a0a0a4d,#0a0a0ab3);display:flex;align-items:center;justify-content:center}.hero-banner-content{position:relative;z-index:10;text-align:center;padding:40px}@keyframes pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.glitch-wrapper{position:relative;margin-bottom:30px}.title{font-size:clamp(3rem,8vw,7rem);font-weight:900;letter-spacing:8px;color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.8),0 0 20px rgba(0,255,136,.6),0 0 30px rgba(0,255,136,.4),2px 2px 0 rgba(0,217,255,.5),-2px -2px 0 rgba(255,0,255,.5);animation:flicker 3s infinite alternate}@keyframes flicker{0%,to{opacity:1}41%,43%{opacity:.8}45%,47%{opacity:1}50%{opacity:.9}}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.glitch:before{animation:glitch-1 2.5s infinite;color:#00d9ff;z-index:-1}.glitch:after{animation:glitch-2 3s infinite;color:#f0f;z-index:-2}@keyframes glitch-1{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes glitch-2{0%,to{transform:translate(0)}20%{transform:translate(2px,-2px)}40%{transform:translate(2px,2px)}60%{transform:translate(-2px,-2px)}80%{transform:translate(-2px,2px)}}.transmission-header{font-size:clamp(.9rem,1.5vw,1.2rem);color:#f0f;letter-spacing:3px;margin-bottom:20px;text-shadow:0 0 10px rgba(255,0,255,.8);animation:flicker 2s infinite}.hero-status{font-size:clamp(1.2rem,2.5vw,2rem);color:#0f8;letter-spacing:6px;margin-bottom:40px;text-shadow:0 0 15px rgba(0,255,136,.8);font-weight:700}.hero-message{max-width:800px;margin:0 auto;font-size:clamp(1rem,1.5vw,1.2rem);color:#b0b0b0;line-height:1.8}.hero-message p{margin:5px 0}.xrpl-awakens{color:#00d9ff!important;font-size:clamp(1.2rem,2vw,1.5rem)!important;font-weight:700;text-shadow:0 0 15px rgba(0,217,255,.8);letter-spacing:2px;margin-top:10px!important}.subtitle{display:flex;flex-direction:column;gap:10px;font-size:clamp(1rem,2vw,1.5rem);color:#00d9ff;letter-spacing:4px;margin-bottom:50px;text-shadow:0 0 10px rgba(0,217,255,.6)}.subtitle-line{display:block}.wide-image-section{position:relative;width:100%;padding:80px 0;background:#0a0a0a}.image-container{position:relative;max-width:1400px;margin:0 auto;padding:0 20px}.wide-image{width:100%;height:auto;display:block;border:2px solid #00ff88;box-shadow:0 0 30px #00ff884d,inset 0 0 30px #00ff881a;clip-path:polygon(0 20px,20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}.image-frame{position:absolute;top:-10px;left:10px;right:10px;bottom:-10px;border:1px solid rgba(0,217,255,.3);pointer-events:none;clip-path:polygon(0 20px,20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}.story-section{padding:100px 0;background:linear-gradient(180deg,#0a0a0a,#1a1a1a);position:relative}.story-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(0,255,136,.05) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(0,217,255,.05) 0%,transparent 50%);pointer-events:none}.origin-content{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:1}.origin-text{font-size:clamp(1.1rem,2vw,1.4rem);color:#b0b0b0;line-height:1.8;margin:8px 0;letter-spacing:1px}.origin-text.highlight{color:#0f8;font-weight:700;font-size:clamp(1.3rem,2.5vw,1.8rem);text-shadow:0 0 15px rgba(0,255,136,.6);letter-spacing:2px}.warning-text{font-size:clamp(1.2rem,2.5vw,1.8rem);color:#f0f;font-weight:700;letter-spacing:4px;margin-top:30px;text-shadow:0 0 20px rgba(255,0,255,.8);animation:flicker 1.5s infinite}.section-title{font-size:clamp(2rem,5vw,3.5rem);text-align:center;color:#0f8;margin-bottom:60px;letter-spacing:6px;text-shadow:0 0 20px rgba(0,255,136,.5);position:relative}.title-bracket{color:#00d9ff;margin:0 20px;font-size:1.2em;text-shadow:0 0 20px rgba(0,217,255,.5)}.story-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;position:relative;z-index:1}.story-block{background:#00ff880d;border:1px solid rgba(0,255,136,.3);padding:30px;position:relative;transition:all .3s ease;clip-path:polygon(0 15px,15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%)}.story-block:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,255,136,.1) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.story-block:hover{border-color:#0f8;box-shadow:0 0 30px #00ff884d,inset 0 0 30px #00ff881a;transform:translateY(-5px)}.story-block:hover:before{opacity:1}.story-number{font-size:3rem;font-weight:900;color:#00d9ff;margin-bottom:15px;text-shadow:0 0 15px rgba(0,217,255,.5);letter-spacing:2px}.story-block p{font-size:1.1rem;line-height:1.8;color:#b0b0b0;position:relative;z-index:1}.collection-section{padding:100px 0;background:#0a0a0a;text-align:center}.collection-header{margin-bottom:60px}.collection-title{font-size:clamp(3rem,6vw,5rem);color:#0f8;font-weight:900;letter-spacing:8px;text-shadow:0 0 30px rgba(0,255,136,.6);margin-bottom:20px}.collection-subtitle{font-size:clamp(1.5rem,3vw,2.5rem);color:#00d9ff;font-weight:700;letter-spacing:6px;text-shadow:0 0 20px rgba(0,217,255,.6);margin:10px 0}.collection-image-container{position:relative;max-width:1400px;margin:0 auto 60px;padding:0 20px}.collection-image{width:100%;height:auto;display:block;border:2px solid #00ff88;box-shadow:0 0 30px #00ff884d,inset 0 0 30px #00ff881a;clip-path:polygon(0 20px,20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}.collection-content{max-width:700px;margin:0 auto}.collection-text{font-size:clamp(1.1rem,2vw,1.4rem);color:#b0b0b0;line-height:1.8;margin:8px 0}.collection-text.highlight{color:#00d9ff;font-weight:700;font-size:clamp(1.3rem,2.5vw,1.6rem);text-shadow:0 0 15px rgba(0,217,255,.6)}.collection-question{font-size:clamp(1.3rem,2.5vw,1.8rem);color:#f0f;font-weight:700;letter-spacing:3px;margin-top:30px;text-shadow:0 0 20px rgba(255,0,255,.6)}.countdown-section{padding:100px 0;background:radial-gradient(ellipse at center,rgba(255,0,255,.1) 0%,transparent 70%),#0a0a0a;text-align:center}.signal-header{font-size:clamp(1rem,2vw,1.5rem);color:#0f8;letter-spacing:4px;margin-bottom:30px;text-shadow:0 0 15px rgba(0,255,136,.8);animation:flicker 2s infinite}.countdown-title{font-size:clamp(2rem,4vw,3.5rem);color:#00d9ff;font-weight:700;letter-spacing:4px;text-shadow:0 0 25px rgba(0,217,255,.6);margin-bottom:40px}.countdown-message{max-width:700px;margin:0 auto 50px}.countdown-text{font-size:clamp(1.1rem,2vw,1.4rem);color:#b0b0b0;line-height:1.8;margin:10px 0}.countdown-text.highlight{color:#f0f;font-weight:700;font-size:clamp(1.3rem,2.5vw,1.6rem);text-shadow:0 0 15px rgba(255,0,255,.6)}.incoming-bar{font-size:clamp(1.2rem,2.5vw,2rem);color:#0f8;font-weight:700;letter-spacing:4px;text-shadow:0 0 20px rgba(0,255,136,.8);margin-bottom:60px;animation:pulse-glow 2s ease-in-out infinite}.alien-icon{font-size:1.5em;display:inline-block;animation:float 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.6}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mint-section{padding:100px 0;background:radial-gradient(ellipse at center,rgba(255,0,255,.1) 0%,transparent 70%),#0a0a0a}.mint-info{max-width:800px;margin:0 auto}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-bottom:50px}.info-item{display:flex;flex-direction:column;align-items:center;gap:10px;padding:30px;background:#00000080;border:2px solid #ff00ff;clip-path:polygon(0 10px,10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);transition:all .3s ease}.info-item:hover{box-shadow:0 0 30px #f0f6;transform:scale(1.05)}.info-label{font-size:.9rem;color:#888;letter-spacing:2px;text-transform:uppercase}.info-value{font-size:2rem;font-weight:900;color:#f0f;text-shadow:0 0 15px rgba(255,0,255,.6);letter-spacing:2px}.mint-button-container{text-align:center}.footer{padding:60px 0 40px;background:linear-gradient(180deg,#0a0a0a,#000);border-top:1px solid rgba(0,255,136,.2)}.footer-content{text-align:center}.footer-links{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:30px}.footer-text{color:#666;font-size:.9rem;letter-spacing:2px;text-transform:uppercase}@media (max-width: 768px){.hero-banner{height:auto;min-height:400px}.hero-banner-image{object-fit:contain;height:auto;min-height:400px}.story-content,.info-grid{grid-template-columns:1fr}.footer-links{flex-direction:column;align-items:center}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Orbitron,Rajdhani,Share Tech Mono,Courier New,monospace;background:#0a0a0a;color:#e0e0e0;overflow-x:hidden;line-height:1.6}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,255,136,.03) 0px,rgba(0,255,136,.03) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:9999;animation:scanline 8s linear infinite}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(100%)}}#root{position:relative;min-height:100vh}#root:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,255,136,.05) 1px,transparent 1px),linear-gradient(rgba(0,255,136,.05) 1px,transparent 1px);background-size:50px 50px;z-index:-1;opacity:.3}