@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=Share+Tech+Mono&family=Exo+2:wght@300;400;600&display=swap";@charset "UTF-8";:root{--bg-primary: #060918;--bg-secondary: #0d1230;--bg-card: #111840;--bg-input: #080d24;--cyan: #00e5ff;--cyan-dim: #009ab3;--cyan-soft: rgba(0, 229, 255, .15);--cyan-glow: 0 0 8px rgba(0, 229, 255, .5), 0 0 20px rgba(0, 229, 255, .25);--cyan-glow-intense: 0 0 10px #00e5ff, 0 0 30px rgba(0, 229, 255, .5), 0 0 60px rgba(0, 229, 255, .2);--magenta: #ff006e;--magenta-soft: rgba(255, 0, 110, .15);--magenta-glow: 0 0 8px rgba(255, 0, 110, .5), 0 0 20px rgba(255, 0, 110, .25);--yellow: #f0c040;--green-success: #00ff88;--green-glow: 0 0 8px rgba(0, 255, 136, .5);--red-error: #ff3366;--red-glow: 0 0 8px rgba(255, 51, 102, .5);--text-primary: #d0d8ff;--text-secondary: #7788bb;--text-muted: #445577;--border-color: #1e2560;--border-active: var(--cyan);--font-display: "Orbitron", "Segoe UI", sans-serif;--font-mono: "Share Tech Mono", "Courier New", monospace;--font-body: "Exo 2", "Segoe UI", sans-serif;--font-family: var(--font-body);--font-size-xs: .7rem;--font-size-sm: .85rem;--font-size-md: 1rem;--font-size-lg: 1.2rem;--font-size-xl: 1.6rem;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--transition-fast: .12s ease;--transition-normal: .28s ease;--nav-height: 64px}@keyframes neon-flicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:0 0 4px var(--cyan),0 0 11px var(--cyan),0 0 19px var(--cyan),0 0 40px var(--cyan),0 0 80px var(--cyan-dim);opacity:1}20%,24%,55%{text-shadow:none;opacity:.85}}@keyframes glitch-clip1{0%{clip-path:inset(40% 0 61% 0);transform:translate(-3px)}20%{clip-path:inset(92% 0 1% 0);transform:translate(3px)}40%{clip-path:inset(43% 0 50% 0);transform:translate(-3px)}60%{clip-path:inset(25% 0 58% 0);transform:translate(3px)}80%{clip-path:inset(54% 0 7% 0);transform:translate(-3px)}to{clip-path:inset(58% 0 43% 0);transform:translate(0)}}@keyframes glitch-clip2{0%{clip-path:inset(25% 0 58% 0);transform:translate(3px) skew(1deg)}20%{clip-path:inset(54% 0 7% 0);transform:translate(-3px)}40%{clip-path:inset(58% 0 43% 0);transform:translate(3px)}60%{clip-path:inset(40% 0 61% 0);transform:translate(-3px)}80%{clip-path:inset(92% 0 1% 0);transform:translate(3px)}to{clip-path:inset(43% 0 50% 0);transform:translate(0)}}@keyframes scanline-move{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes border-pulse{0%,to{box-shadow:var(--cyan-glow)}50%{box-shadow:var(--cyan-glow-intense)}}@keyframes neon-spin{to{transform:rotate(360deg)}}@keyframes slide-in-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-out-down{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);font-size:16px;-webkit-font-smoothing:antialiased;background-image:radial-gradient(rgba(0,229,255,.06) 1px,transparent 1px);background-size:32px 32px}body:after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.08) 3px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:9999}.neon-text{color:var(--cyan);text-shadow:var(--cyan-glow);font-family:var(--font-display);letter-spacing:4px}.neon-flicker{color:var(--cyan);font-family:var(--font-display);animation:neon-flicker 4s infinite alternate;letter-spacing:6px}.glitch-text{position:relative;color:var(--cyan);font-family:var(--font-display)}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;inset:0;width:100%}.glitch-text:before{color:var(--magenta);animation:glitch-clip1 3s infinite linear alternate-reverse}.glitch-text:after{color:var(--cyan);animation:glitch-clip2 2.5s infinite linear alternate-reverse}.mono-text{font-family:var(--font-mono);color:var(--cyan);font-size:var(--font-size-sm)}.btn-primary{background:linear-gradient(135deg,var(--cyan) 0%,#0099cc 100%);color:var(--bg-primary);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:4px;font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-normal);clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%)}.btn-primary:hover:not(:disabled){box-shadow:var(--cyan-glow-intense);transform:translateY(-1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-secondary{background:transparent;color:var(--cyan);border:1px solid var(--cyan);padding:var(--spacing-sm) var(--spacing-lg);border-radius:4px;font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-normal)}.btn-secondary:hover:not(:disabled){background:var(--cyan-soft);box-shadow:var(--cyan-glow)}.btn-danger,.btn-danger-outline{background:transparent;color:var(--red-error);border:1px solid var(--red-error);padding:var(--spacing-sm) var(--spacing-lg);border-radius:4px;font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-normal)}.btn-danger:hover:not(:disabled),.btn-danger-outline:hover:not(:disabled){background:rgba(255,51,102,.12);box-shadow:var(--red-glow)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;padding:var(--spacing-lg);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.6}.card:hover{border-color:#00e5ff4d;box-shadow:var(--cyan-glow)}.form-field{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.form-field label{font-size:var(--font-size-xs);color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase}.form-field label:before{content:"> ";color:var(--cyan);opacity:.7}.form-field input,.form-field select,.form-field textarea{background:var(--bg-input);border:1px solid var(--border-color);border-radius:4px;padding:12px var(--spacing-md);color:var(--text-primary);font-size:var(--font-size-md);font-family:var(--font-body);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--border-active);box-shadow:var(--cyan-glow),inset 0 0 20px #00e5ff0a}.form-field input.ng-invalid.ng-touched,.form-field select.ng-invalid.ng-touched,.form-field textarea.ng-invalid.ng-touched{border-color:var(--red-error);box-shadow:var(--red-glow)}.form-field input::placeholder,.form-field select::placeholder,.form-field textarea::placeholder{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--font-size-sm)}.form-field input:-webkit-autofill,.form-field input:-webkit-autofill:hover,.form-field input:-webkit-autofill:focus,.form-field input:-webkit-autofill:active,.form-field select:-webkit-autofill,.form-field select:-webkit-autofill:hover,.form-field select:-webkit-autofill:focus,.form-field select:-webkit-autofill:active,.form-field textarea:-webkit-autofill,.form-field textarea:-webkit-autofill:hover,.form-field textarea:-webkit-autofill:focus,.form-field textarea:-webkit-autofill:active{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset;caret-color:var(--text-primary);-webkit-transition:background-color 9999s ease-out,color 9999s ease-out;transition:background-color 9999s ease-out,color 9999s ease-out}.form-field .error-msg{font-size:var(--font-size-xs);color:var(--red-error);font-family:var(--font-mono)}.form-field .error-msg:before{content:"\26a0  "}.spinner{width:40px;height:40px;border:2px solid var(--border-color);border-top-color:var(--cyan);border-radius:50%;animation:neon-spin .8s linear infinite;box-shadow:0 0 12px #00e5ff66;margin:0 auto var(--spacing-md)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--cyan-dim);box-shadow:var(--cyan-glow)}*{-webkit-tap-highlight-color:transparent}input,select,textarea{font-size:max(16px,var(--font-size-md))}@media (pointer: coarse){button,a,[role=button]{min-height:44px;min-width:44px}}app-root{display:block;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);min-height:100dvh}.main-content{padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom,0px))}a.link{color:var(--cyan);text-decoration:none;font-weight:600;transition:text-shadow var(--transition-fast)}a.link:hover{text-shadow:var(--cyan-glow)}.page-container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}@media (max-width: 600px){.page-container{padding:var(--spacing-md) var(--spacing-sm)}}.status-badge{flex-shrink:0;display:inline-block;border-radius:20px;padding:2px var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.status-badge--wanted{background:var(--magenta-soft);color:var(--magenta);border:1px solid var(--magenta)}
