@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";:root{--bg:#0c0c0c;--surface:#111;--primary:#00ff41;--accent:#0c3;--text:#00ff41;--muted:#005c18}*{box-sizing:border-box}body{background-color:var(--bg);color:var(--text);margin:0;font-family:Share Tech Mono,monospace;overflow-x:hidden}body:before{content:" ";z-index:999;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 2px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/3px 100%;display:block;position:fixed;inset:0}h1,h2,h3{margin:0;font-family:Share Tech Mono,monospace;font-weight:400}#root{flex-direction:column;min-height:100vh;display:flex}.app-container{flex-direction:column;align-items:center;gap:30px;width:100%;max-width:800px;margin:0 auto;padding:40px 20px;display:flex}.hero{background:var(--surface);border:1px solid var(--primary);width:100%;padding:50px 40px;position:relative;box-shadow:0 0 20px #00ff414d}.badge{color:var(--text);letter-spacing:3px;border-bottom:1px solid var(--muted);margin-bottom:20px;padding-bottom:8px;font-size:1.1rem;display:inline-block}h1{color:var(--primary);text-shadow:0 0 10px var(--primary);letter-spacing:8px;align-items:center;gap:10px;margin-bottom:10px;font-size:clamp(3rem,8vw,5rem);display:flex}.cursor{background:var(--primary);width:18px;height:.8em;box-shadow:0 0 8px var(--primary);animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.subtitle{color:var(--muted);border-left:2px solid var(--muted);margin-bottom:30px;padding-left:15px;font-size:1.2rem}.btn{color:var(--primary);cursor:pointer;border:1px solid var(--primary);letter-spacing:3px;background:0 0;padding:12px 28px;font-family:Share Tech Mono,monospace;font-size:1.3rem;transition:all .2s;box-shadow:0 0 8px #00ff4133}.btn:hover{background:#00ff411a;box-shadow:0 0 20px #00ff4180}.btn:active{transform:translateY(2px)}.share-card{background:var(--surface);border:1px solid var(--muted);justify-content:space-around;align-items:center;width:100%;max-width:320px;height:64px;margin:30px auto;padding:10px;transition:all .5s ease-in-out;display:flex;position:relative}.share-card:focus-within{border:1px solid var(--primary);background-color:#00ff410d;box-shadow:0 0 15px #00ff414d}.share-card button{cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:100%;justify-content:center;align-items:center;width:44px;height:44px;padding:6px;font-size:26px;transition:all .2s ease-in;display:flex}.share-card button:focus{border-color:var(--primary);background-color:#00ff411a;outline:none}.share-card button:hover{border-color:var(--muted);background-color:#00ff410d}.share-card button svg{width:28px;height:28px}.info-box{background:var(--surface);border:1px solid var(--muted);width:100%;padding:30px;transition:all .3s;position:relative}.info-box:hover{border-color:var(--primary);box-shadow:0 0 10px #00ff4133}h2{color:var(--accent);text-shadow:0 0 8px var(--accent);letter-spacing:4px;margin-bottom:20px;font-size:1.8rem}.social-links{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.social-links a{color:var(--text);letter-spacing:1px;border:1px solid #0000;align-items:center;gap:10px;padding:10px;text-decoration:none;transition:all .2s;display:flex}.social-links a:hover{border:1px dashed var(--primary);background:#00ff410d;padding-left:20px}.social-links a:before{content:">";color:var(--muted)}.logos{border-top:1px dashed var(--muted);gap:30px;margin-top:40px;padding-top:20px;display:flex}.logo{filter:brightness(0)saturate()invert(56%)sepia(91%)saturate(2371%)hue-rotate(85deg)brightness(101%)contrast(108%);opacity:.6;height:40px;transition:all .3s}.logo:hover{opacity:1;filter:brightness(0)saturate()invert(98%)sepia(74%)saturate(6295%)hue-rotate(50deg)brightness(106%)contrast(103%);transform:translateY(-3px)}.footer{text-align:center;background:var(--surface);color:var(--muted);border-top:1px solid var(--muted);letter-spacing:1px;padding:20px;font-size:1rem}.footer a{color:var(--text);text-decoration:underline}.footer a:hover{text-shadow:0 0 8px var(--primary)}
