.contact-system{background:#0a0a0a;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem;position:relative}.contact-system:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.015) 2px,rgba(255,255,255,.015) 4px);pointer-events:none;z-index:1}.contact-system:after{content:"";position:absolute;top:15%;bottom:15%;left:0;width:4px;background:linear-gradient(180deg,#ff003c,#00fff2);box-shadow:0 0 20px #00fff280}.contact-terminal{position:relative;width:100%;max-width:900px;background:#000;border:3px solid #fff;box-shadow:0 0 50px #00fff233,inset 0 0 100px #00000080;overflow:hidden;z-index:2}.contact-terminal:before,.contact-terminal:after{content:"";position:absolute;width:25px;height:25px;z-index:10}.contact-terminal:before{top:-3px;left:-3px;border-top:3px solid #00fff2;border-left:3px solid #00fff2;box-shadow:-5px -5px 20px #00fff24d}.contact-terminal:after{bottom:-3px;right:-3px;border-bottom:3px solid #ff003c;border-right:3px solid #ff003c;box-shadow:5px 5px 20px #ff003c4d}.terminal-header{display:flex;align-items:center;gap:.5rem;background:#0a0a0a;padding:1rem 1.5rem;border-bottom:2px solid #333}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot.red{background:#ff003c;box-shadow:0 0 10px #ff003c80}.terminal-dot.yellow{background:#ff0;box-shadow:0 0 10px #ffff0080}.terminal-dot.green{background:#0f8;box-shadow:0 0 10px #00ff8880}.terminal-title{margin-left:auto;font-family:Space Mono,monospace;font-size:.7rem;letter-spacing:.25em;color:#666;text-transform:uppercase}.terminal-title:before{content:"// ";color:#00fff2}.terminal-body{padding:2.5rem;font-family:Space Mono,monospace;color:#fff}.terminal-line{margin-bottom:.6rem;font-size:.85rem;color:#888}.prompt{color:#00fff2;text-shadow:0 0 10px #00fff2;margin-right:.5rem}.ok{color:#0f8;text-shadow:0 0 8px rgba(0,255,136,.5)}.error{color:#ff003c;text-shadow:0 0 8px rgba(255,0,60,.5)}.cursor{color:#ff0;animation:cursorBlink 1s steps(1) infinite}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.contact-form-glitch{margin-top:2rem;display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-family:Space Mono,monospace;font-size:.7rem;letter-spacing:.2em;color:#ff0;text-transform:uppercase}.form-group label:before{content:"> ";color:#00fff2}.form-group input,.form-group textarea,.form-group select{background:#0a0a0a;border:2px solid #333;color:#fff;padding:1rem 1.25rem;font-size:1rem;font-family:Space Mono,monospace;transition:all .2s ease;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#444}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#00fff2;box-shadow:0 0 20px #00fff233,inset 0 0 20px #00fff20d}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2300fff2'%3E%3Cpath d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.form-group select option{background:#000;color:#fff;padding:.5rem}.form-group textarea{resize:vertical;min-height:150px}.transmit-btn{margin-top:1.5rem;background:transparent;border:3px solid #FFFF00;color:#ff0;font-family:Space Mono,monospace;padding:1.25rem 2rem;font-size:.9rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:all .15s ease}.transmit-btn:before{content:"";position:absolute;inset:0;background:#ff0;transform:translate(-101%);transition:transform .3s ease;z-index:-1}.transmit-btn:hover{color:#000;box-shadow:0 0 30px #ff06}.transmit-btn:hover:before{transform:translate(0)}.transmit-btn:disabled{opacity:.5;cursor:not-allowed}.transmit-btn:disabled:hover:before{transform:translate(-101%)}.transmit-btn.loading{color:#000;background:#ff0}.transmit-btn.loading:after{content:"";position:absolute;top:50%;right:1.5rem;width:16px;height:16px;border:2px solid transparent;border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}.transmit-btn.success{border-color:#0f8;color:#0f8;background:transparent}.transmit-btn.success:before{display:none}.transmit-btn.error{border-color:#ff003c;color:#ff003c;background:transparent}.form-status{margin-top:1rem;padding:1rem;font-family:Space Mono,monospace;font-size:.85rem;border:2px solid transparent;display:none}.form-status.visible{display:block;animation:statusFadeIn .3s ease}.form-status.success{border-color:#0f8;color:#0f8;background:#00ff881a}.form-status.error{border-color:#ff003c;color:#ff003c;background:#ff003c1a}@keyframes statusFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.terminal-footer{padding:1rem 1.5rem;font-family:Space Mono,monospace;font-size:.7rem;letter-spacing:.15em;color:#666;border-top:2px solid #333;background:#0a0a0a;text-transform:uppercase}.glitch-layer{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:0}.contact-terminal:hover .glitch-layer{opacity:1}.glitch-layer.red{background:#ff003c08;animation:glitchShift 3s infinite}.glitch-layer.cyan{background:#00fff208;animation:glitchShift 2.5s infinite reverse}@keyframes glitchShift{0%,to{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,2px)}80%{transform:translate(1px,-2px)}}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.02) 2px,rgba(255,255,255,.02) 4px);pointer-events:none;z-index:5}@media(max-width:768px){.contact-system{padding:1rem}.terminal-body{padding:1.5rem}.terminal-title{display:none}.form-group input,.form-group textarea,.form-group select{padding:.875rem 1rem;font-size:.9rem}.transmit-btn{padding:1rem 1.5rem;font-size:.8rem}}.form-group input.input-error,.form-group textarea.input-error,.form-group select.input-error{border-color:#ff003c;box-shadow:0 0 15px #ff003c33}.form-group input.input-valid,.form-group textarea.input-valid,.form-group select.input-valid{border-color:#0f8;box-shadow:0 0 15px #0f83}.field-error{display:block;margin-top:.5rem;font-family:Space Mono,monospace;font-size:.75rem;color:#ff003c;text-shadow:0 0 8px rgba(255,0,60,.3)}.field-error .error-icon{color:#ff003c;font-weight:700;margin-right:.3rem}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.form-group input.input-error,.form-group textarea.input-error{animation:shake .4s ease}