:root{--neon-green: #00ff66;--neon-green-bright: #00ff88;--neon-green-dim: #00cc52;--neon-green-dark: #008833;--neon-green-glow: rgba(0, 255, 102, .5);--neon-green-glow-dim: rgba(0, 255, 102, .15);--black-deep: #000000;--black-panel: #050a05;--black-border: rgba(0, 255, 102, .2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Share Tech Mono,Courier New,monospace;background-color:#000;color:var(--neon-green);overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:var(--neon-green-dark);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--neon-green)}::selection{background:var(--neon-green);color:#000}.scanlines{background:repeating-linear-gradient(0deg,rgba(0,255,102,.03),rgba(0,255,102,.03) 1px,transparent 1px,transparent 3px);animation:scanline-move 8s linear infinite}@keyframes scanline-move{0%{background-position:0 0}to{background-position:0 100px}}.vignette{background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.6) 100%)}.noise{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.glitch-lines:before,.glitch-lines:after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--neon-green);opacity:0;animation:glitch-line 5s infinite}.glitch-lines:before{animation-delay:2s}.glitch-lines:after{animation-delay:4s}@keyframes glitch-line{0%,to{opacity:0;top:0}48%{opacity:0}49%{opacity:.3;top:20%}50%{opacity:0}98%{opacity:0}99%{opacity:.3;top:70%}}.terminal-window{background:#000a00cc;border:1px solid var(--neon-green-dark);border-radius:4px;position:relative;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 20px #00ff660d,inset 0 0 30px #00ff6605}.terminal-window:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--neon-green),transparent);opacity:.5}.terminal-titlebar{display:flex;align-items:center;gap:6px;padding-bottom:8px;border-bottom:1px solid rgba(0,255,102,.1)}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.terminal-prompt{font-family:Share Tech Mono,monospace;letter-spacing:.05em}.cursor-blink{animation:cursor-blink 1s steps(2) infinite;color:var(--neon-green)}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.typing-text{overflow:hidden;white-space:nowrap;border-right:2px solid var(--neon-green);animation:typing 3s steps(40) .5s forwards,blink-caret .75s step-end infinite;width:0;color:var(--neon-green-bright)}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{50%{border-color:transparent}}.glitch-title{position:relative;font-family:Orbitron,Share Tech Mono,monospace}.glitch-text{position:relative;display:inline-block}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;overflow:hidden;opacity:0}.glitch-text:hover:before{left:2px;text-shadow:-1px 0 #ff0040;animation:glitch-anim-1 .3s infinite;opacity:.8}.glitch-text:hover:after{left:-2px;text-shadow:1px 0 #00ffff;animation:glitch-anim-2 .3s infinite;opacity:.8}@keyframes glitch-anim-1{0%{clip-path:inset(20% 0 60% 0)}20%{clip-path:inset(80% 0 5% 0)}40%{clip-path:inset(40% 0 50% 0)}60%{clip-path:inset(10% 0 80% 0)}80%{clip-path:inset(60% 0 20% 0)}to{clip-path:inset(30% 0 65% 0)}}@keyframes glitch-anim-2{0%{clip-path:inset(70% 0 20% 0)}20%{clip-path:inset(15% 0 70% 0)}40%{clip-path:inset(55% 0 35% 0)}60%{clip-path:inset(85% 0 10% 0)}80%{clip-path:inset(25% 0 60% 0)}to{clip-path:inset(50% 0 45% 0)}}.section-header{position:relative}.section-title{font-family:Orbitron,Share Tech Mono,monospace;color:var(--neon-green);text-shadow:0 0 20px rgba(0,255,102,.3)}.section-line{height:1px;background:linear-gradient(90deg,var(--neon-green),transparent);max-width:300px}.terminal-btn{display:inline-block;padding:.5rem 1rem;font-family:Share Tech Mono,monospace;font-size:.875rem;color:var(--neon-green);background:#00ff660d;border:1px solid rgba(0,255,102,.3);border-radius:2px;cursor:pointer;transition:all .2s ease;letter-spacing:.05em;text-decoration:none}.terminal-btn:hover{background:#00ff6626;border-color:var(--neon-green);box-shadow:0 0 15px #00ff664d;color:var(--neon-green-bright)}.terminal-btn:active{transform:scale(.97)}.neon-btn-green{display:inline-block;padding:.75rem 2rem;font-family:Share Tech Mono,monospace;font-size:.875rem;font-weight:700;letter-spacing:.1em;color:#000;background:var(--neon-green);border:1px solid var(--neon-green);border-radius:2px;cursor:pointer;transition:all .25s ease;text-decoration:none;text-transform:uppercase;box-shadow:0 0 10px #0f66,0 0 40px #0f63}.neon-btn-green:hover{background:var(--neon-green-bright);box-shadow:0 0 20px #0f69,0 0 60px #00ff664d;transform:translateY(-2px)}.neon-btn-green:active{transform:translateY(0) scale(.98)}.neon-btn-outline{display:inline-block;padding:.75rem 2rem;font-family:Share Tech Mono,monospace;font-size:.875rem;font-weight:700;letter-spacing:.1em;color:var(--neon-green);background:transparent;border:1px solid var(--neon-green);border-radius:2px;cursor:pointer;transition:all .25s ease;text-decoration:none;text-transform:uppercase}.neon-btn-outline:hover{background:#00ff661a;box-shadow:0 0 20px #00ff664d;color:var(--neon-green-bright);transform:translateY(-2px)}.neon-btn-outline:active{transform:translateY(0) scale(.98)}.nav-link{text-decoration:none;cursor:pointer}.footer-link{color:var(--neon-green-dim);transition:color .2s,text-shadow .2s}.footer-link:hover{color:var(--neon-green-bright);text-shadow:0 0 8px rgba(0,255,102,.4)}.live-badge{position:relative}.live-dot{width:8px;height:8px;border-radius:50%;background:#ff0040;box-shadow:0 0 8px #ff0040;animation:live-pulse 1.5s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.social-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem 1rem;background:#000a0099;border:1px solid rgba(0,255,102,.2);border-radius:4px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer}.social-tile:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,102,.1),transparent);transition:left .5s ease}.social-tile:hover:before{left:100%}.social-tile:hover{border-color:var(--neon-green);background:#00ff6614;box-shadow:0 0 25px #0f63,inset 0 0 15px #00ff660d;transform:translateY(-4px) scale(1.02)}.social-icon-wrap{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,255,102,.3);border-radius:50%;transition:all .3s ease}.social-tile:hover .social-icon-wrap{border-color:var(--neon-green);box-shadow:0 0 15px #00ff664d}.social-svg{width:24px;height:24px;color:var(--neon-green-dim);transition:color .3s ease}.social-tile:hover .social-svg{color:var(--neon-green-bright);filter:drop-shadow(0 0 4px rgba(0,255,102,.5))}.social-label{font-size:.875rem;font-weight:700;color:var(--neon-green);letter-spacing:.05em}.social-handle{font-size:.7rem;color:var(--neon-green-dark);text-align:center;word-break:break-all}.social-tile:hover .social-handle{color:var(--neon-green-dim)}.tag-card{background:#000a00b3;border:1px solid rgba(0,255,102,.25);border-radius:4px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.tag-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--neon-green);transform:scaleY(0);transform-origin:top;transition:transform .3s ease}.tag-card:hover:before{transform:scaleY(1)}.tag-card:hover{border-color:var(--neon-green);box-shadow:0 0 20px #00ff6626;background:#00ff660d}.tag-card:active{transform:scale(.98)}.tag-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.tag-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(0,255,102,.3);border-radius:4px;color:var(--neon-green-dim)}.tag-card:hover .tag-icon{color:var(--neon-green);border-color:var(--neon-green)}.tag-platform{font-size:.75rem;color:var(--neon-green-dark);letter-spacing:.05em;text-transform:uppercase}.tag-id-wrap{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;background:#00000080;border:1px solid rgba(0,255,102,.15);border-radius:2px}.tag-id{font-size:1.125rem;font-weight:700;color:var(--neon-green-bright);letter-spacing:.05em;font-family:Share Tech Mono,monospace}.tag-copy-icon{color:var(--neon-green-dark);transition:color .2s}.tag-card:hover .tag-copy-icon{color:var(--neon-green)}.tag-card.copied{border-color:var(--neon-green-bright);box-shadow:0 0 30px #00ff664d}.tag-card.copied .tag-id{color:var(--neon-green-bright);text-shadow:0 0 10px rgba(0,255,102,.5)}.scroll-indicator{animation:scroll-bounce 2s ease-in-out infinite}@keyframes scroll-bounce{0%,to{transform:translate(-50%);opacity:.5}50%{transform:translate(-50%,10px);opacity:1}}.section-reveal{opacity:0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease}.section-reveal.visible{opacity:1;transform:translateY(0)}.hero-content{animation:hero-fade-in 1s ease-out}@keyframes hero-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay.active{display:flex!important;animation:modal-fade-in .3s ease}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-content{animation:modal-slide-in .3s ease}@keyframes modal-slide-in{0%{transform:translateY(30px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.copy-toast-anim{animation:toast-in .3s ease}@keyframes toast-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}#header.scrolled{background:#000000d9;box-shadow:0 4px 20px #00ff661a}@media (max-width: 768px){.section-title{font-size:2rem!important}.social-tile{padding:1rem .5rem}.social-icon-wrap{width:40px;height:40px}.social-svg{width:20px;height:20px}.tag-id{font-size:1rem}}a:focus-visible,button:focus-visible{outline:2px solid var(--neon-green);outline-offset:2px}.mobile-link{padding:.75rem 1rem!important;font-size:1rem!important}
