@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{max-width:100%;margin:0;padding:0}*{margin:0;padding:0;box-sizing:border-box}.app.matrix-theme{min-height:100vh;background:#000;color:#00ff41;font-family:Share Tech Mono,Courier New,monospace;position:relative;overflow-x:hidden}.crt-effect{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.crt-effect:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#00000040 50%);background-size:100% 4px;animation:scanlines 8s linear infinite;opacity:.3}.crt-effect:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#00ff411a,#000c);pointer-events:none}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(10px)}}.matrix-scene{position:relative;height:300px;background:linear-gradient(to bottom,#000,#010);overflow:hidden;border-bottom:2px solid #00ff41;box-shadow:0 0 50px #00ff4180}.digital-road{position:absolute;bottom:0;width:100%;height:80px;background:linear-gradient(to bottom,#010,#000);border-top:1px solid #00ff41}.binary-stream{position:absolute;top:50%;width:100%;height:2px;background-image:repeating-linear-gradient(90deg,#00ff41 0,#00ff41 10px,transparent 10px,transparent 20px);animation:dataFlow 1s linear infinite;box-shadow:0 0 10px #00ff41}@keyframes dataFlow{0%{transform:translate(0)}to{transform:translate(-20px)}}.code-stream{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:600px;height:120px;overflow:hidden;z-index:10}.stream-line{position:absolute;width:100%;height:20px;display:flex;align-items:center;animation:streamFlow 6s ease-in-out infinite;opacity:0}.stream-line:nth-child(1){animation-delay:0s;top:0}.stream-line:nth-child(2){animation-delay:1.6s;top:24px}.stream-line:nth-child(3){animation-delay:3.2s;top:48px}.stream-line:nth-child(4){animation-delay:4.8s;top:72px}.stream-line:nth-child(5){animation-delay:6.4s;top:96px}.code-fragment{font-size:14px;color:#00ff41;text-shadow:0 0 10px rgba(0,255,65,.8);white-space:nowrap;animation:typeWriter 2s ease-in-out forwards;overflow:hidden;width:0}@keyframes streamFlow{0%{opacity:0}5%,95%{opacity:1}to{opacity:0}}@keyframes typeWriter{0%{width:0}to{width:100%}}.energy-towers{position:absolute;width:200%;height:100%;animation:gridScroll 40s linear infinite}@keyframes gridScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.energy-tower{position:absolute;bottom:60px;width:40px;display:flex;flex-direction:column;align-items:center}.tower-0{left:10%;height:120px}.tower-1{left:25%;height:150px}.tower-2{left:45%;height:100px}.tower-3{left:65%;height:140px}.tower-4{left:80%;height:130px}.tower-core{position:absolute;bottom:0;width:8px;height:100%;background:linear-gradient(to top,#00ff41,#030);box-shadow:0 0 20px #00ff4199;z-index:1}.energy-ring{position:absolute;width:40px;height:12px;border:2px solid #00ff41;border-radius:50%;background:#00ff411a;box-shadow:0 0 20px #00ff41cc,inset 0 0 20px #00ff414d}.tower-0 .ring-1{animation:energyRise 2.5s ease-in-out infinite;animation-delay:0s}.tower-0 .ring-2{animation:energyRise 2.5s ease-in-out infinite;animation-delay:.8s}.tower-0 .ring-3{animation:energyRise 2.5s ease-in-out infinite;animation-delay:1.6s}.tower-1 .ring-1{animation:energyRise 3.2s ease-in-out infinite;animation-delay:.3s}.tower-1 .ring-2{animation:energyRise 3.2s ease-in-out infinite;animation-delay:1.4s}.tower-1 .ring-3{animation:energyRise 3.2s ease-in-out infinite;animation-delay:2.1s}.tower-2 .ring-1{animation:energyRise 2.8s ease-in-out infinite;animation-delay:.7s}.tower-2 .ring-2{animation:energyRise 2.8s ease-in-out infinite;animation-delay:1.2s}.tower-2 .ring-3{animation:energyRise 2.8s ease-in-out infinite;animation-delay:2.5s}.tower-3 .ring-1{animation:energyRise 3.5s ease-in-out infinite;animation-delay:.2s}.tower-3 .ring-2{animation:energyRise 3.5s ease-in-out infinite;animation-delay:1.8s}.tower-3 .ring-3{animation:energyRise 3.5s ease-in-out infinite;animation-delay:2.9s}.tower-4 .ring-1{animation:energyRise 2.7s ease-in-out infinite;animation-delay:.5s}.tower-4 .ring-2{animation:energyRise 2.7s ease-in-out infinite;animation-delay:1.6s}.tower-4 .ring-3{animation:energyRise 2.7s ease-in-out infinite;animation-delay:2.3s}@keyframes energyRise{0%{bottom:0;opacity:1;transform:scale(.8)}50%{transform:scale(1.2);opacity:.8}to{bottom:100%;opacity:0;transform:scale(1.5)}}.spaceships{position:absolute;width:100%;height:100%;top:0;left:0;z-index:5}.spaceship{position:absolute;display:flex;align-items:center;z-index:5;left:-200px}.ship-1{top:15%;animation:flyAcross 20s linear infinite;animation-delay:0s}.ship-2{top:30%;animation:flyAcrossReverse 25s linear infinite;animation-delay:7s}.ship-3{top:50%;animation:flyAcross 30s linear infinite;animation-delay:15s}.ship-4{top:70%;animation:flyAcrossReverse 22s linear infinite;animation-delay:3s}.ship-5{top:85%;animation:flyAcross 28s linear infinite;animation-delay:12s}.ship-body{background:#00ff4133;border:2px solid #00ff41;padding:8px 16px;font-size:12px;color:#00ff41;text-shadow:0 0 10px #00ff41;box-shadow:0 0 20px #00ff4199,inset 0 0 10px #00ff414d;animation:shipPulse 2s ease-in-out infinite;white-space:nowrap}.engine-trail{position:absolute;right:100%;top:50%;transform:translateY(-50%);width:60px;height:3px;background:linear-gradient(to left,#00ff41,transparent);box-shadow:0 0 15px #00ff41cc;animation:engineFlicker .3s ease-in-out infinite alternate}@keyframes flyAcross{0%{left:-200px}to{left:calc(100% + 200px)}}@keyframes flyAcrossReverse{0%{left:calc(100% + 200px)}to{left:-200px}}@keyframes shipPulse{0%,to{box-shadow:0 0 20px #00ff4199,inset 0 0 10px #00ff414d}50%{box-shadow:0 0 40px #00ff41e6,inset 0 0 20px #00ff4180}}@keyframes engineFlicker{0%{opacity:.8;width:60px}to{opacity:1;width:80px}}.content{position:relative;z-index:1;padding:2rem}.matrix-hero{text-align:center;padding:4rem 2rem;animation:fadeInMatrix 2s ease-out}@keyframes fadeInMatrix{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.glitch-wrapper{position:relative;display:inline-block}.hero-title{font-size:4rem;font-weight:700;color:#00ff41;margin-bottom:1rem;position:relative;text-shadow:0 0 10px rgba(0,255,65,.5);animation:glitch 2s infinite}@keyframes glitch{0%,to{text-shadow:0 0 10px rgba(0,255,65,.5),2px 2px 0 #ff0000,-2px -2px 0 #00ffff;transform:translate(0)}97%{text-shadow:0 0 10px rgba(0,255,65,.5);transform:translate(0)}98%{text-shadow:0 0 10px rgba(0,255,65,.5),2px 2px 0 #ff0000,-2px -2px 0 #00ffff;transform:translate(-2px,2px)}99%{text-shadow:0 0 10px rgba(0,255,65,.5),-2px -2px 0 #ff0000,2px 2px 0 #00ffff;transform:translate(2px,-2px)}}.matrix-prefix{color:#00ff41;opacity:.8}.cursor{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-subtitle{font-size:1.3rem;color:#00ff41;font-weight:300;opacity:.9;animation:typewriter 2s steps(20) forwards;overflow:hidden;white-space:nowrap;border-right:2px solid #00ff41;padding-right:5px}.typing-text{display:inline-block}.matrix-green{color:#00ff41;text-shadow:0 0 5px #00ff41}.main-content{max-width:1200px;margin:0 auto;padding:2rem}.terminal-window{background:#0a0a0a;border:1px solid #00ff41;border-radius:8px;margin-bottom:3rem;overflow:hidden;box-shadow:0 0 40px #00ff414d,inset 0 0 20px #00ff411a;animation:terminalGlow 3s ease-in-out infinite alternate}@keyframes terminalGlow{0%{box-shadow:0 0 40px #00ff414d,inset 0 0 20px #00ff411a}to{box-shadow:0 0 60px #00ff4180,inset 0 0 30px #00ff4133}}.terminal-header{background:#1a1a1a;padding:.5rem 1rem;display:flex;align-items:center;border-bottom:1px solid #00ff41}.terminal-button{width:12px;height:12px;border-radius:50%;margin-right:8px}.terminal-button.red{background:#ff5f56}.terminal-button.yellow{background:#ffbd2e}.terminal-button.green{background:#27c93f}.terminal-title{margin-left:auto;font-size:.9rem;color:#00ff41;opacity:.8}.terminal-body{padding:1.5rem;font-family:Courier New,monospace;min-height:150px}.terminal-line{margin-bottom:1rem;color:#00ff41}.prompt{color:#00ff41;margin-right:.5rem}.terminal-output{color:#00ff41cc;line-height:1.6;padding-left:1rem}.success{color:#00ff41;text-shadow:0 0 5px #00ff41}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.matrix-card{background:#0a0a0a;border:1px solid #00ff41;border-radius:4px;padding:1.5rem;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 0 20px #00ff4133}.matrix-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #00ff4166,inset 0 0 30px #00ff411a;border-color:#00ff41}.card-scanline{position:absolute;top:0;left:0;width:100%;height:2px;background:#00ff41;opacity:.5;animation:scanline 3s linear infinite}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(200px)}}.matrix-card h3{color:#00ff41;margin-bottom:1rem;font-size:1.2rem;text-shadow:0 0 10px rgba(0,255,65,.5);letter-spacing:2px}.bracket{color:#00ff41;opacity:.6}.matrix-text{color:#00ff41b3;font-size:.95rem;line-height:1.4}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,255,65,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.matrix-card:hover .card-glow{opacity:1}.matrix-footer{text-align:center;padding:3rem 2rem;border-top:1px solid rgba(0,255,65,.3);margin-top:4rem;background:linear-gradient(to top,#000,#0011004d)}.footer-text{color:#00ff41;opacity:.8;font-size:.9rem;letter-spacing:1px;text-shadow:0 0 5px rgba(0,255,65,.3)}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.code-stream{left:5%;right:5%;height:80px;bottom:20px}.stream-line{height:16px}.stream-line:nth-child(2){top:16px}.stream-line:nth-child(3){top:32px}.stream-line:nth-child(4){top:48px}.stream-line:nth-child(5){top:64px}.code-fragment{font-size:10px}.matrix-scene{height:250px}.energy-tower{width:30px}.energy-ring{width:30px;height:8px}.tower-core{width:6px}.ship-body{font-size:10px;padding:6px 12px}.engine-trail{width:40px;height:2px}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.matrix-rain{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}