:root{--matrix-green: #00ff41;--matrix-green-dim: #0a3d12;--matrix-green-bright: #39ff14;--dark-bg: #0c0c0c;--darker-bg: #050505;--text-color: #e0e0e0;--error-color: #ff3c41;--success-color: var(--matrix-green);font-family:Roboto Mono,monospace;line-height:1.5;font-weight:400;color:var(--text-color);background-color:var(--dark-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden;position:relative;background-color:var(--darker-bg)}#matrix-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;opacity:.8}.glitch-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(#0a0a0a33,#0000001a);pointer-events:none;z-index:-1}.glitch-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(transparent,transparent 2px,rgba(0,0,0,.05) 2px,rgba(0,0,0,.05) 4px)}.container{max-width:1200px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}header{padding:.8rem 0;margin-bottom:1.5rem}.logo-container{display:flex;align-items:center;gap:.8rem}.logo{width:40px;height:40px;border:2px solid var(--matrix-green);color:var(--matrix-green);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;position:relative;overflow:hidden}.logo:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--matrix-green-dim);opacity:.3}.company-name{font-size:1.5rem;font-weight:700;color:var(--matrix-green);text-shadow:0 0 10px rgba(0,255,65,.5);letter-spacing:1px}.hero{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:2rem;max-width:800px;margin:0 auto}.tagline{font-size:clamp(1.5rem,4vw,2.5rem);line-height:1.3;font-weight:500;margin-bottom:1rem;position:relative;animation:textGlow 4s infinite alternate}.sub-tagline{font-size:clamp(1rem,2.5vw,1.5rem);line-height:1.4;font-weight:400;margin-bottom:1.5rem;opacity:.9;max-width:90%}.typing-word{color:var(--matrix-green-bright);position:relative}.cursor{color:var(--matrix-green);font-weight:700;animation:blink .5s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes textGlow{0%,to{text-shadow:0 0 5px rgba(0,255,65,.5)}50%{text-shadow:0 0 20px rgba(0,255,65,.8)}}.subscription-container{width:100%;max-width:400px;padding:1.5rem;border:1px solid var(--matrix-green-dim);background-color:#00000080;border-radius:8px;position:relative;overflow:hidden}.subscription-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,var(--matrix-green-dim),transparent);opacity:.1;z-index:-1}.subscription-text{margin-bottom:1rem;font-size:.95rem}.email-form{display:flex;flex-direction:column;gap:.8rem}.input-group{position:relative}input[type=email]{width:100%;padding:.6rem .8rem;font-family:Roboto Mono,monospace;font-size:.9rem;background-color:#000000b3;border:1px solid var(--matrix-green-dim);color:var(--text-color);border-radius:4px;transition:all .3s ease}input[type=email]:focus{outline:none;border-color:var(--matrix-green);box-shadow:0 0 10px #00ff414d}input[type=email]::placeholder{color:#e0e0e080;font-size:.85rem}.error-message{position:absolute;left:0;bottom:-1.2rem;color:var(--error-color);font-size:.75rem;opacity:0;transform:translateY(-5px);transition:all .3s ease}.error-message.visible{opacity:1;transform:translateY(0)}button{position:relative;padding:.6rem 1.2rem;background-color:var(--matrix-green-dim);color:var(--matrix-green);border:1px solid var(--matrix-green);border-radius:4px;font-family:Roboto Mono,monospace;font-size:.9rem;font-weight:500;cursor:pointer;overflow:hidden;transition:all .3s ease;display:flex;justify-content:center;align-items:center}button:hover{background-color:#0a3d12cc;box-shadow:0 0 15px #00ff4166}button:focus{outline:none}button .btn-text{position:relative;z-index:1}button .loader{position:absolute;width:20px;height:20px;border:2px solid transparent;border-top-color:var(--matrix-green);border-radius:50%;animation:spin .8s linear infinite;opacity:0;visibility:hidden}button.loading .btn-text{opacity:0}button.loading .loader{opacity:1;visibility:visible}@keyframes spin{to{transform:rotate(360deg)}}.success-message{display:none;flex-direction:column;align-items:center;gap:.7rem;animation:fadeIn .5s ease}.success-message.visible{display:flex}.checkmark{width:32px;height:32px;border-radius:50%;background-color:var(--matrix-green-dim);color:var(--matrix-green);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:.3rem}.success-message p{font-size:.9rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.coming-soon{font-style:italic;opacity:.8;font-size:.9rem;position:relative;padding:.4rem .8rem;border-top:1px solid var(--matrix-green-dim);border-bottom:1px solid var(--matrix-green-dim)}footer{margin-top:auto;padding:1.5rem 0;text-align:center;font-size:.9rem;opacity:.7}@media (max-width: 768px){.container{padding:1.5rem}.logo-container{flex-direction:column;gap:.5rem}.subscription-container{padding:1.5rem}}@media (max-width: 480px){.container{padding:1rem}.hero{gap:2rem}.subscription-container{padding:1.2rem}.email-form{gap:1.5rem}}
