.landing-page{background:var(--spgx-bg-deep);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.terminal-frame{background:var(--spgx-bg);width:100%;max-width:1100px;box-shadow:0 0 0 2px var(--spgx-surface-border), 0 0 0 6px #0d0a0c, 0 0 40px #00e5ff0d, inset 0 0 60px #0000004d;border:4px solid #0d0a0c;position:relative}.terminal-frame:before{content:"";opacity:.5;background:repeating-linear-gradient(90deg,#0d0a0c 0 2px,#0000 2px 6px);height:14px;position:absolute;top:-18px;left:20px;right:20px}.terminal-frame:after{content:"";opacity:.4;background:repeating-linear-gradient(90deg,#0d0a0c 0 1px,#0000 1px 4px);height:14px;position:absolute;bottom:-18px;left:40px;right:40px}.terminal-serial{font-family:var(--spgx-font-mono);letter-spacing:.2em;color:var(--spgx-text-muted);opacity:.6;text-transform:uppercase;font-size:.6rem;position:absolute;top:-30px;right:24px}.terminal-bolt{background:radial-gradient(circle at 35% 35%,#5a3a4a,#1a0f14);border:1px solid #0d0a0c;border-radius:50%;width:10px;height:10px;position:absolute}.terminal-bolt--tl{top:8px;left:8px}.terminal-bolt--tr{top:8px;right:8px}.terminal-bolt--bl{bottom:8px;left:8px}.terminal-bolt--br{bottom:8px;right:8px}.terminal-barcode{opacity:.3;gap:1px;display:flex;position:absolute;bottom:12px;left:24px}.terminal-barcode span{background:var(--spgx-text-muted);height:18px;display:block}.terminal-rust{pointer-events:none;background:radial-gradient(#783c1e26 0%,#0000 70%);border-radius:50%;width:60px;height:40px;position:absolute}.terminal-rust--1{top:30px;right:60px}.terminal-rust--2{bottom:50px;left:30px;transform:scale(.7)}.terminal-wires{flex-direction:column;gap:6px;display:flex;position:absolute;top:50%;left:-16px;transform:translateY(-50%)}.terminal-wire{border-radius:1px;width:14px;height:2px}.terminal-wire--cyan{background:var(--spgx-accent-primary);opacity:.5}.terminal-wire--magenta{background:var(--spgx-accent-secondary);opacity:.4}.terminal-wire--muted{background:var(--spgx-text-muted);opacity:.3}.terminal-inner{padding:2.5rem}.hero-section{text-align:center;border-bottom:1px solid var(--spgx-surface-border);padding:2rem 0 2.5rem}.hero-crest{border:2px solid var(--spgx-surface-border);width:140px;height:140px;box-shadow:0 0 20px var(--spgx-accent-primary-dim);border-radius:50%;margin:0 auto 1.5rem;overflow:hidden}.hero-crest img{object-fit:cover;width:100%;height:100%}.hero-system-label{font-family:var(--spgx-font-mono);letter-spacing:.25em;color:var(--spgx-text-muted);text-transform:uppercase;margin-bottom:.25rem;font-size:.7rem}.hero-title{font-family:var(--spgx-font-mono);color:var(--spgx-accent-primary);letter-spacing:.12em;text-shadow:0 0 8px var(--spgx-accent-primary-dim);margin-bottom:.5rem;font-size:1.1rem}.hero-motto{font-family:var(--spgx-font-body);color:var(--spgx-accent-warning);letter-spacing:.2em;text-shadow:0 0 12px #ff9f004d;opacity:.85;margin-bottom:1.5rem;font-size:1rem;font-style:italic}.hero-welcome{font-family:var(--spgx-font-mono);color:var(--spgx-text);letter-spacing:.1em;margin-bottom:.75rem;font-size:.85rem}.hero-prompt{font-family:var(--spgx-font-body);color:var(--spgx-text-muted);margin-bottom:2rem;font-size:.9rem;font-style:italic}.login-btn{font-family:var(--spgx-font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--spgx-accent-primary);border:2px solid var(--spgx-accent-primary);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.6rem;padding:1rem 2.5rem;font-size:.9rem;transition:all .3s;animation:3s ease-in-out infinite login-glow-pulse;display:inline-flex;position:relative}.login-btn:hover{background:var(--spgx-accent-primary-dim);box-shadow:0 0 15px var(--spgx-accent-primary-dim), 0 0 30px #00e5ff1a, inset 0 0 15px var(--spgx-accent-primary-dim);color:var(--spgx-text-bright);transform:translateY(-1px)}.login-btn:active{transform:translateY(0)scale(.98)}.login-btn.logged-in{border-color:var(--spgx-accent-secondary);color:var(--spgx-accent-secondary);animation:none}.login-btn.logged-in:hover{background:#ff2d781a;box-shadow:0 0 15px #ff2d7833,inset 0 0 15px #ff2d781a}@keyframes login-glow-pulse{0%,to{box-shadow:0 0 8px var(--spgx-accent-primary-dim)}50%{box-shadow:0 0 15px var(--spgx-accent-primary-dim), 0 0 30px #00e5ff14}}.login-form{flex-direction:column;gap:1rem;max-width:320px;margin:0 auto;display:flex}.login-input-group{text-align:left;flex-direction:column;display:flex}.login-input-group label{font-family:var(--spgx-font-mono);letter-spacing:.1em;color:var(--spgx-accent-secondary);margin-bottom:.5rem;font-size:.7rem}.login-input-group input{border:1px solid var(--spgx-surface-border);font-family:var(--spgx-font-mono);color:var(--spgx-text-bright);background:#0006;outline:none;padding:.75rem;font-size:.9rem;transition:all .3s}.login-input-group input:focus{border-color:var(--spgx-accent-primary);box-shadow:0 0 10px #00e5ff1a}.login-error{font-family:var(--spgx-font-mono);color:var(--spgx-accent-danger);margin:0;font-size:.75rem;animation:2s ease-in-out infinite spgx-alert-pulse}.main-content{border-bottom:1px solid var(--spgx-surface-border);opacity:0;grid-template-columns:280px 1fr;gap:0;max-height:0;transition:opacity .6s,max-height .8s;display:grid;overflow:hidden}.main-content.visible{opacity:1;max-height:2000px}.fleet-alerts{border-right:1px solid var(--spgx-surface-border);background:#00000026;padding:2rem 1.5rem;position:relative;overflow:hidden}.fleet-alerts:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#00e5ff03 3px 4px);animation:8s linear infinite sidebar-scan;position:absolute;inset:0}@keyframes sidebar-scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.fleet-alerts-header{font-family:var(--spgx-font-mono);letter-spacing:.2em;color:var(--spgx-accent-secondary);border-bottom:1px solid var(--spgx-surface-border);margin-bottom:1.5rem;padding-bottom:.75rem;font-size:.75rem}.alert-item{border-bottom:1px dashed #5a3a4a4d;margin-bottom:1.25rem;padding-bottom:1rem}.alert-item:last-child{border-bottom:none;margin-bottom:0}.alert-label{font-family:var(--spgx-font-mono);letter-spacing:.15em;color:var(--spgx-text-muted);text-transform:uppercase;margin-bottom:.25rem;font-size:.65rem}.alert-value{font-family:var(--spgx-font-mono);color:var(--spgx-text);font-size:.8rem;line-height:1.5}.alert-value--warning{color:var(--spgx-accent-warning)}.alert-value--danger{color:var(--spgx-accent-danger);animation:2s ease-in-out infinite spgx-alert-pulse}.alert-value--accent{color:var(--spgx-accent-primary)}.alert-subtext{font-family:var(--spgx-font-body);color:var(--spgx-text-muted);margin-top:.3rem;font-size:.72rem;line-height:1.4}.nav-grid{grid-template-columns:1fr 1fr;align-content:start;gap:1rem;padding:2rem;display:grid}.nav-card{background:var(--spgx-bg-deep);border:var(--spgx-border-width) solid var(--spgx-surface-border);cursor:pointer;padding:1.5rem;text-decoration:none;transition:all .3s;display:block;position:relative;overflow:hidden}.nav-card:before{content:"";background:var(--spgx-accent-primary);opacity:0;width:3px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.nav-card:hover{border-color:var(--spgx-accent-primary);transform:translateY(-2px);box-shadow:0 4px 20px #00e5ff14,inset 0 0 30px #00e5ff08}.nav-card:hover:before{opacity:1}.nav-card-number{font-family:var(--spgx-font-mono);letter-spacing:.15em;color:var(--spgx-text-muted);margin-bottom:.5rem;font-size:.65rem}.nav-card-title{font-family:var(--spgx-font-mono);letter-spacing:.1em;color:var(--spgx-accent-primary);margin-bottom:.75rem;font-size:.95rem;transition:color .3s,text-shadow .3s}.nav-card:hover .nav-card-title{text-shadow:0 0 8px var(--spgx-accent-primary-dim)}.nav-card-desc{font-family:var(--spgx-font-body);color:var(--spgx-text-muted);font-size:.8rem;line-height:1.5}.nav-card-status{font-family:var(--spgx-font-mono);letter-spacing:.15em;color:var(--spgx-accent-warning);border:1px solid var(--spgx-accent-warning);opacity:.7;margin-top:.75rem;padding:.2rem .5rem;font-size:.6rem;display:inline-block}.terminal-footer{border-top:1px solid var(--spgx-surface-border);padding:1.25rem 2.5rem}.terminal-footer p{font-family:var(--spgx-font-body);color:var(--spgx-text-muted);opacity:.6;font-size:.7rem;line-height:1.6}.terminal-footer strong{color:var(--spgx-text);font-weight:500}@media (max-width:768px){.landing-page{padding:1rem}.terminal-inner{padding:1.5rem}.terminal-serial,.terminal-wires,.terminal-frame:before,.terminal-frame:after{display:none}.hero-crest{width:100px;height:100px}.hero-welcome{font-size:1.4rem}.hero-title{font-size:.85rem}.main-content{grid-template-columns:1fr}.fleet-alerts{border-right:none;border-bottom:1px solid var(--spgx-surface-border);padding:1.5rem}.nav-grid{grid-template-columns:1fr;padding:1.5rem}.terminal-footer{padding:1rem 1.5rem}}@media (max-width:480px){.terminal-frame{box-shadow:0 0 0 1px var(--spgx-surface-border), 0 0 0 3px #0d0a0c;border-width:2px}.terminal-inner{padding:1rem}.hero-section{padding:1.5rem 0}.login-btn{padding:.75rem 1.5rem;font-size:.8rem}}