*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;display:block;min-width:100vw;min-height:100vh;overflow:hidden}#root{margin:0;padding:0;width:100vw;height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000!important;overflow:hidden;z-index:1000}.canvas-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;z-index:2;background:#000!important}.loading-status{position:fixed;bottom:80px;left:50%;transform:translate(-50%);text-align:left;z-index:3;width:100%;max-width:400px;padding:0 20px}.status-item{display:flex;align-items:center;margin:15px 0;font-size:1rem;font-family:Courier New,monospace}.status-icon{color:#0f8;margin-right:15px;font-family:monospace;font-weight:700;font-size:1.2rem}.status-item.loading .status-icon{color:#0ff;animation:blink 1s infinite}.status-item span:last-child{color:#0f8}.status-item.loading span:last-child{color:#0ff}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.fallback-loader{color:#fff;text-align:center}.spinner{width:40px;height:40px;border:3px solid rgba(0,255,255,.3);border-top:3px solid #00ffff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.canvas-container{width:350px;height:350px}.loading-status{bottom:60px;padding:0 15px}.status-item{font-size:.9rem}}.planet-info-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.planet-info-container{background:linear-gradient(135deg,#001428f2,#000a1efa,#000514fc);border:2px solid rgba(0,255,255,.3);border-radius:20px;padding:0;max-width:600px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 0 50px #0ff6,inset 0 0 20px #00ffff1a;animation:slideUp .4s ease-out;position:relative}@keyframes slideUp{0%{transform:translateY(50px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.planet-header{background:linear-gradient(90deg,#00ffff1a,#8000ff1a,#ff00801a);padding:20px 25px;border-bottom:1px solid rgba(0,255,255,.2);display:flex;align-items:center;justify-content:space-between;position:relative}.planet-name{font-size:1.8rem;font-weight:700;color:#0ff;margin:0;font-family:Orbitron,Courier New,monospace;text-shadow:0 0 15px rgba(0,255,255,.8);animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 15px rgba(0,255,255,.8)}to{text-shadow:0 0 25px rgba(0,255,255,1),0 0 35px rgba(128,0,255,.6)}}.project-type{display:flex;align-items:center}.type-badge{padding:8px 16px;border-radius:25px;font-size:.85rem;font-weight:600;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:.1em;border:2px solid;animation:pulse 2s infinite}.type-badge.website{background:#0f83;color:#0f8;border-color:#0f8;box-shadow:0 0 20px #0f86}.type-badge.mockup{background:#f803;color:#f80;border-color:#f80;box-shadow:0 0 20px #f806}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.close-btn{background:transparent;border:2px solid rgba(255,0,128,.6);color:#ff0080;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;font-weight:700}.close-btn:hover{background:#ff008033;border-color:#ff0080;box-shadow:0 0 20px #ff008099;transform:scale(1.1)}.planet-content{padding:25px;color:#fff;max-height:60vh;overflow-y:auto}.planet-content::-webkit-scrollbar{width:8px}.planet-content::-webkit-scrollbar-track{background:#00ffff1a;border-radius:4px}.planet-content::-webkit-scrollbar-thumb{background:#0ff6;border-radius:4px}.planet-content::-webkit-scrollbar-thumb:hover{background:#0ff9}.project-description,.project-link,.project-review{margin-bottom:25px}.project-description h3,.project-review h3{color:#0ff;font-size:1.2rem;margin-bottom:12px;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:.1em}.project-description p{color:#ccc;line-height:1.6;font-size:1rem;margin:0}.visit-btn{display:inline-block;padding:12px 30px;background:linear-gradient(135deg,#0ff,#0080ff);color:#000;text-decoration:none;border-radius:30px;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 0 20px #0ff6;text-transform:uppercase;letter-spacing:.05em}.visit-btn:hover{background:linear-gradient(135deg,#0ff,#8000ff);box-shadow:0 0 30px #0ffc;transform:translateY(-2px);color:#000}.review-card{background:#0032644d;border:1px solid rgba(0,255,255,.2);border-radius:15px;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.review-text{font-style:italic;color:#e0e0e0;font-size:1.1rem;line-height:1.5;margin-bottom:15px}.review-author{margin-bottom:10px}.author-name{color:#0ff;font-weight:600;font-size:1rem}.author-position{color:#999;font-size:.9rem;margin-top:2px}.review-rating{display:flex;gap:2px}.star{font-size:1.2rem;color:#333;transition:color .2s ease}.star.filled{color:gold;text-shadow:0 0 10px rgba(255,215,0,.8)}@media (max-width: 768px){.planet-info-container{width:95%;max-height:85vh}.planet-header{padding:15px 20px;flex-direction:column;gap:10px;align-items:flex-start}.planet-name{font-size:1.5rem}.planet-content{padding:20px}.close-btn{position:absolute;top:15px;right:20px}}.planet-label{position:fixed;z-index:500;pointer-events:none;animation:labelFadeIn .3s ease-out;transform:translate(-50%,-100%)}@keyframes labelFadeIn{0%{opacity:0;transform:translate(-50%,-100%) translateY(10px)}to{opacity:1;transform:translate(-50%,-100%) translateY(0)}}.label-content{background:linear-gradient(135deg,#001428f2,#000a1efa);border:2px solid rgba(0,255,255,.4);border-radius:12px;padding:12px 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 30px #00ffff4d,inset 0 0 10px #00ffff1a;text-align:center;min-width:150px}.planet-title{color:#0ff;font-size:.95rem;font-weight:600;font-family:Orbitron,Courier New,monospace;text-shadow:0 0 10px rgba(0,255,255,.8);margin-bottom:4px;white-space:nowrap}.project-type-small{font-size:.75rem;font-weight:500;padding:4px 8px;border-radius:12px;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:.05em;display:inline-block;border:1px solid}.project-type-small.website{background:#0f83;color:#0f8;border-color:#0f8;box-shadow:0 0 10px #00ff884d}.project-type-small.mockup{background:#f803;color:#f80;border-color:#f80;box-shadow:0 0 10px #ff88004d}.label-arrow{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(0,255,255,.4);margin:0 auto;filter:drop-shadow(0 2px 4px rgba(0,255,255,.3))}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(ellipse at center,#2a0845,#1a0530,#000,#330820,#4a0e4e);display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden;animation:hologram-flicker 3s infinite}.loading-container{text-align:center;z-index:2;position:relative}.cyber-logo{margin-bottom:3rem}.logo-text{font-size:4rem;font-weight:700;margin-bottom:1rem}.glitch{color:#ff1493;font-family:Orbitron,Courier New,monospace;position:relative;animation:color-shift 6s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,20,147,.3));text-shadow:0 0 15px rgba(255,20,147,.5),0 0 30px rgba(220,20,60,.3),0 0 45px rgba(75,0,130,.2)}.glitch:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;color:inherit;animation:color-shift 6s ease-in-out infinite;filter:blur(3px);opacity:.4;z-index:-1}.logo-subtitle{color:#ff69b4;font-family:Courier New,monospace;font-size:.9rem;letter-spacing:.2em;opacity:.9}.crypto-info{margin-bottom:2rem}.crypto-price{display:flex;gap:1rem;justify-content:center;align-items:center;background:linear-gradient(135deg,#ff14931a,#dc143c1a,#4b00821a);padding:1.5rem;border:2px solid #ff1493;border-radius:20px;font-family:Orbitron,Courier New,monospace;box-shadow:0 0 30px #ff149380,inset 0 0 20px #ff14931a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.price-label{color:#fff;font-size:.9rem;text-shadow:0 0 10px #fff}.price-value{color:#ff1493;font-size:1.3rem;font-weight:700;text-shadow:0 0 10px #ff1493,0 0 20px #ff1493,0 0 30px #dc143c;animation:quantum-pulse 2s infinite}.price-change{color:#ff0080;font-size:1rem;font-weight:700;text-shadow:0 0 10px #ff0080,0 0 20px #ff0080;animation:energy-pulse 3s infinite}.progress-container{margin-bottom:2rem}.progress-label{color:#ff1493;font-family:Courier New,monospace;font-size:.9rem;margin-bottom:1rem;letter-spacing:.1em}.progress-bar{width:400px;height:16px;background:#ff14931a;border:2px solid #ff1493;border-radius:20px;overflow:hidden;margin:0 auto .5rem;box-shadow:0 0 30px #ff149399,inset 0 0 10px #ff149333;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.progress-fill{height:100%;background:linear-gradient(90deg,#ff1493,#dc143c,indigo);transition:width .2s ease;animation:quantum-progress 2s infinite;box-shadow:0 0 30px #ff1493,0 0 50px #dc143ccc;border-radius:20px}.progress-text{color:#fff;font-family:Courier New,monospace;font-size:.8rem}.hacker-lines{text-align:left;font-family:Courier New,monospace;font-size:.8rem}.line{color:#0f0;margin-bottom:.3rem;opacity:0;animation:type-in .5s ease forwards}.line:nth-child(1){animation-delay:1s}.line:nth-child(2){animation-delay:2s}.line:nth-child(3){animation-delay:3s}.line:nth-child(4){animation-delay:4s}.loading-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.bg-lines:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,#00ffff22 50%,transparent 100%),linear-gradient(0deg,transparent 0%,#ff004022 50%,transparent 100%);animation:bg-lines 3s infinite}@keyframes glitch{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-red{0%,to{transform:translate(0)}20%{transform:translate(2px)}40%{transform:translate(-2px)}60%{transform:translateY(2px)}80%{transform:translateY(-2px)}}@keyframes glitch-blue{0%,to{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px,-1px)}}@keyframes hologram-flicker{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.95;filter:brightness(1.1) contrast(1.1)}}@keyframes quantum-glitch{0%,90%,to{transform:translate(0)}10%{transform:translate(-2px,1px) rotate(.5deg)}20%{transform:translate(1px,-1px) rotate(-.3deg)}30%{transform:translate(-1px,2px) rotate(.2deg)}40%{transform:translate(2px,-2px) rotate(-.4deg)}50%{transform:translate(1px,1px) rotate(.1deg)}60%{transform:translate(-2px,-1px) rotate(-.2deg)}}@keyframes quantum-shift-red{0%,90%,to{transform:translate(0)}15%{transform:translate(-3px,2px)}25%{transform:translate(2px,-3px)}35%{transform:translate(-2px,1px)}55%{transform:translate(1px,-2px)}}@keyframes quantum-shift-blue{0%,90%,to{transform:translate(0)}20%{transform:translate(2px,-2px)}40%{transform:translate(-1px,3px)}60%{transform:translate(3px,-1px)}80%{transform:translate(-2px,-2px)}}@keyframes quantum-progress{0%{box-shadow:0 0 20px #0ff,0 0 40px #0ff;filter:brightness(1) saturate(1)}50%{box-shadow:0 0 40px #8000ff,0 0 80px #8000ff,0 0 120px #ff0080;filter:brightness(1.3) saturate(1.5)}to{box-shadow:0 0 30px #0ff,0 0 60px #0ff;filter:brightness(1) saturate(1)}}@keyframes quantum-pulse{0%,to{text-shadow:0 0 10px #00ffff,0 0 20px #00ffff,0 0 30px #0080ff;transform:scale(1)}50%{text-shadow:0 0 20px #00ffff,0 0 40px #00ffff,0 0 60px #0080ff,0 0 80px #8000ff;transform:scale(1.05)}}@keyframes energy-pulse{0%,to{text-shadow:0 0 10px #ff0080,0 0 20px #ff0080;filter:brightness(1)}33%{text-shadow:0 0 15px #ff0080,0 0 30px #ff0080,0 0 45px #8000ff;filter:brightness(1.2)}66%{text-shadow:0 0 20px #ff0080,0 0 40px #ff0080,0 0 60px #8000ff;filter:brightness(1.4)}}@keyframes type-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes bg-lines{0%,to{opacity:.1}50%{opacity:.3}}@keyframes gradient-flow{0%{background:linear-gradient(45deg,#ff1493,#dc143c,indigo)}33%{background:linear-gradient(45deg,indigo,#ff1493,#dc143c)}66%{background:linear-gradient(45deg,#dc143c,indigo,#ff1493)}to{background:linear-gradient(45deg,#ff1493,#dc143c,indigo)}}@keyframes color-shift{0%{color:#ff1493;text-shadow:0 0 20px rgba(255,20,147,.5),0 0 40px rgba(220,20,60,.3),0 0 60px rgba(75,0,130,.2)}33%{color:#dc143c;text-shadow:0 0 20px rgba(220,20,60,.5),0 0 40px rgba(75,0,130,.3),0 0 60px rgba(255,20,147,.2)}66%{color:indigo;text-shadow:0 0 20px rgba(75,0,130,.5),0 0 40px rgba(255,20,147,.3),0 0 60px rgba(220,20,60,.2)}to{color:#ff1493;text-shadow:0 0 20px rgba(255,20,147,.5),0 0 40px rgba(220,20,60,.3),0 0 60px rgba(75,0,130,.2)}}.AppRoot{position:relative;width:100vw;height:100vh;overflow:hidden;margin:0;padding:0;background:radial-gradient(ellipse at center,#000,#0a0a0a,#000)}.three-canvas{position:absolute!important;top:0;left:0;width:100vw!important;height:100vh!important;z-index:1;display:block;background:transparent}.logo-top{position:absolute;top:2rem;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center}.logo-svg{display:flex;flex-direction:column;align-items:center}.cyber-logo-main{text-align:center}.glitch-main{color:#ff1493;font-family:Orbitron,Courier New,monospace;font-size:3.5rem;font-weight:700;position:relative;animation:color-shift 6s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,20,147,.3));text-shadow:0 0 20px rgba(255,20,147,.5),0 0 40px rgba(220,20,60,.3),0 0 60px rgba(75,0,130,.2)}.glitch-main:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;color:inherit;animation:color-shift 6s ease-in-out infinite;filter:blur(3px);opacity:.4;z-index:-1}.logo-cyber-subtitle{color:#ff69b4;font-family:Courier New,monospace;font-size:.7rem;letter-spacing:.2em;opacity:.9;margin-top:.5rem}.instructions{position:absolute;top:2rem;right:2rem;z-index:2;display:flex;flex-direction:column;gap:.5rem}.instruction-text{color:#fff;font-size:.9rem;font-family:Arial,sans-serif;text-align:right}.contract-section{position:absolute;bottom:2rem;left:2rem;z-index:2;display:flex;flex-direction:column;gap:.5rem;max-width:400px}.contract-label{color:#fff;font-size:1rem;font-family:Arial,sans-serif;font-weight:700}.contract-address{color:#ccc;font-size:.9rem;font-family:Courier New,monospace;background:#1a1a1a;padding:.5rem;border-radius:4px;border:1px solid #333;word-break:break-all}.copy-contract-btn{padding:.8rem 1.5rem;font-size:1rem;border:1px solid #666;border-radius:6px;background:#1a1a1a;color:#fff;cursor:pointer;transition:all .2s;font-family:Arial,sans-serif;align-self:flex-start}.copy-contract-btn:hover{background:#333;border-color:#999}.copy-toast{color:#0f0;font-size:.9rem;font-family:Arial,sans-serif;animation:toast-fade 1.5s linear}@keyframes toast-fade{0%{opacity:0;transform:scale(.95)}10%{opacity:1;transform:scale(1.05)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.social-links{position:absolute;bottom:2rem;right:2rem;z-index:2;display:flex;gap:1rem}.social-btn{padding:.8rem 1.5rem;font-size:1rem;border:1px solid #666;border-radius:6px;background:#1a1a1a;color:#fff;text-decoration:none;transition:all .2s;font-family:Arial,sans-serif}.social-btn:hover{background:#333;border-color:#999;color:#fff}
