.landing-page{background:var(--spgx-bg-deep);justify-content:center;align-items:center;min-height:100dvh;padding:clamp(1rem,3vw,2rem);display:flex}.terminal-inner{padding:clamp(1rem,4vw,2.5rem)}.hero-section{text-align:center;border-bottom:1px solid var(--spgx-surface-border);padding:clamp(1rem,3vw,2rem) 0 clamp(1.5rem,4vw,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:clamp(1.75rem,6vw,3rem)}.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:clamp(1.15rem,4vw,1.5rem);font-style:italic}.hero-welcome{font-family:var(--spgx-font-mono);color:var(--spgx-text);letter-spacing:.1em;margin-bottom:.75rem;font-size:clamp(1.1rem,3vw,1.3rem)}.hero-prompt{font-family:var(--spgx-font-body);color:var(--spgx-text-muted);margin-bottom:2rem;font-size:clamp(1.1rem,2.5vw,1.25rem);font-style:italic}.login-btn{min-height:44px;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:clamp(.95rem,2.5vw,1.1rem);transition:all .3s;animation:3s ease-in-out infinite login-glow-pulse;display:inline-flex;position:relative}@media (hover:hover){.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,.login-input-group select{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 select option{color:var(--spgx-text-bright);background-color:#120c0f}.login-input-group input:focus,.login-input-group select: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;flex-direction:column;gap:0;max-height:0;transition:opacity .6s,max-height .8s;display:flex;overflow:hidden}.main-content.visible{opacity:1;max-height:5000px}.fleet-alerts{border-right:1px solid var(--spgx-surface-border);background:#00000026;padding:clamp(1.5rem,4vw,2rem) clamp(1rem,3vw,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:clamp(1rem,2.5vw,1.2rem)}.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}.fleet-alerts-disconnect,.fleet-alerts-profile-btn{border:1px solid var(--spgx-accent-secondary);width:100%;min-height:44px;color:var(--spgx-accent-secondary);font-family:var(--spgx-font-mono);letter-spacing:.15em;cursor:pointer;text-align:center;background:0 0;justify-content:center;align-items:center;margin-bottom:.75rem;padding:.75rem;font-size:.75rem;text-decoration:none;transition:all .3s;display:flex}.fleet-alerts-profile-btn{border-color:var(--spgx-accent-primary);color:var(--spgx-accent-primary)}.fleet-alerts-disconnect{margin-bottom:2rem}@media (hover:hover){.fleet-alerts-disconnect:hover{color:var(--spgx-text-bright);background:#ff2d781a;box-shadow:0 0 15px #ff2d7833,inset 0 0 10px #ff2d781a}.fleet-alerts-profile-btn:hover{background:var(--spgx-accent-primary-dim);box-shadow:0 0 15px var(--spgx-accent-primary-dim), inset 0 0 10px var(--spgx-accent-primary-dim);color:var(--spgx-text-bright)}}.intranet-notices{margin-top:1.25rem}.notice-item{border-bottom:1px dashed #ffffff0d;margin-bottom:1.5rem;padding-bottom:1rem}.notice-item:last-child{border-bottom:none}.notice-from{font-family:var(--spgx-font-mono);color:var(--spgx-accent-primary);letter-spacing:.08em;margin-bottom:.6rem;font-size:clamp(1rem,2.5vw,1.2rem)}.notice-text{font-family:var(--spgx-font-mono);color:var(--spgx-text-muted);opacity:.9;font-size:clamp(.95rem,2vw,1.1rem);line-height:1.7}.text-red{color:var(--spgx-accent-danger)}.text-cyan{color:var(--spgx-accent-primary)}.text-yellow,.text-orange{color:var(--spgx-accent-warning)}.action-center{border-bottom:1px solid var(--spgx-surface-border);background:#0003;justify-content:center;padding:clamp(1.5rem,4vw,2.5rem);display:flex}.action-center-inner{gap:1.5rem;width:100%;max-width:800px;display:flex}.action-btn{font-family:var(--spgx-font-mono);letter-spacing:.15em;cursor:pointer;text-align:center;border:1px solid var(--spgx-accent-primary);color:var(--spgx-accent-primary);text-transform:uppercase;background:0 0;flex:1;justify-content:center;align-items:center;padding:1.25rem;font-size:clamp(.9rem,2vw,1.1rem);text-decoration:none;transition:all .3s;display:flex}.action-btn--disconnect{border-color:var(--spgx-accent-secondary);color:var(--spgx-accent-secondary)}@media (hover:hover){.action-btn--profile:hover{background:var(--spgx-accent-primary-dim);box-shadow:0 0 20px var(--spgx-accent-primary-dim);color:var(--spgx-text-bright)}.action-btn--disconnect:hover{color:var(--spgx-text-bright);background:#ff2d781a;box-shadow:0 0 20px #ff2d7833}}.fleet-status-readout{border-bottom:1px solid var(--spgx-surface-border);padding:clamp(1.5rem,4vw,2.5rem)}.fleet-status-readout .alert-label{margin-bottom:.5rem;font-size:.8rem}.fleet-status-readout .alert-value{letter-spacing:.05em;font-size:clamp(1.2rem,3vw,1.5rem)}.fleet-status-readout .alert-subtext{opacity:.9;max-width:900px;margin-top:.75rem;font-size:clamp(1rem,2vw,1.15rem);line-height:1.6}.fleet-status-readout .alert-item{border-bottom:none;margin-bottom:0;padding-bottom:0}.status-grid{grid-template-columns:1fr 1fr;gap:1rem 3rem;margin-top:1.5rem;display:grid}.alert-item--full{border-top:none;grid-column:1/-1;padding-top:0}.bottom-content-split{grid-template-columns:1fr 1.2fr;gap:0;display:grid}.notice-board{border-right:1px solid var(--spgx-surface-border);background:#00000026;padding:clamp(1.5rem,4vw,2.5rem)}.system-map-container{border-bottom:1px solid var(--spgx-surface-border);padding:clamp(1.5rem,4vw,2.5rem)}.system-map-card{background:linear-gradient(135deg,#00e5ff08 0%,#0006 40%,#00000080 60%,#00e5ff05 100%);border:1px solid #00e5ff26;padding:2.5rem 2rem;position:relative;overflow:hidden}.system-map-card:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#00e5ff08 1px,#0000 1px),linear-gradient(90deg,#00e5ff08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:40px 40px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.system-map-card:after{content:"";background:linear-gradient(180deg, transparent 0%, var(--spgx-accent-primary) 30%, var(--spgx-accent-primary) 70%, transparent 100%);opacity:.6;width:3px;height:100%;box-shadow:0 0 12px var(--spgx-accent-primary-dim);position:absolute;top:0;left:0}.smc-corner{border-color:var(--spgx-accent-primary);opacity:.5;border-style:solid;border-width:0;width:16px;height:16px;position:absolute}.smc-corner--tl{border-top-width:2px;border-left-width:2px;top:6px;left:6px}.smc-corner--tr{border-top-width:2px;border-right-width:2px;top:6px;right:6px}.smc-corner--bl{border-bottom-width:2px;border-left-width:2px;bottom:6px;left:6px}.smc-corner--br{border-bottom-width:2px;border-right-width:2px;bottom:6px;right:6px}.smc-scanlines{pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#00e5ff04 3px 4px);animation:8s linear infinite sidebar-scan;position:absolute;inset:0}.smc-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.smc-tag{font-family:var(--spgx-font-mono);letter-spacing:.2em;color:var(--spgx-text-muted);text-transform:uppercase;font-size:.65rem}.smc-divider{color:var(--spgx-accent-primary);opacity:.4;font-size:.4rem}.smc-title{font-family:var(--spgx-font-mono);letter-spacing:.12em;color:var(--spgx-accent-primary);text-shadow:0 0 12px var(--spgx-accent-primary-dim);margin-bottom:.75rem;font-size:clamp(1.4rem,3.5vw,2rem)}.smc-desc{font-family:var(--spgx-font-body);color:var(--spgx-text-muted);max-width:600px;font-size:clamp(1rem,2.2vw,1.15rem);line-height:1.6}.smc-status{font-family:var(--spgx-font-mono);letter-spacing:.15em;color:var(--spgx-accent-warning);opacity:.8;background:#ffab000d;border:1px solid #ffab004d;margin-top:1rem;padding:.3rem .75rem;font-size:.6rem;display:inline-block}.nav-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-content:start;gap:1rem;padding:clamp(1.5rem,4vw,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--wide{grid-column:1/-1}.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:clamp(1rem,2.5vw,1.2rem);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:clamp(1rem,2.2vw,1.2rem);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:.8rem;line-height:1.6}.vault-access-section{border-top:1px dashed var(--spgx-surface-border);margin-top:3rem;padding:1.5rem 0}.vault-access-btn{background:linear-gradient(135deg,#18120d 0%,#100b08 100%);border:2px solid #ff9f0073;border-radius:8px;padding:1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.165,.84,.44,1);display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 15px #000c}.vault-access-btn:hover{border-color:#ff9f00;transform:translateY(-2px);box-shadow:0 0 20px #ff9f0033,inset 0 0 15px #ff9f000d}.vab-tag{font-family:var(--font-mono), monospace;color:#ff9f00a6;letter-spacing:.15em;font-size:.65rem;position:absolute;top:.5rem;right:1rem}.vault-access-btn:hover .vab-tag{color:#ff9f00;text-shadow:0 0 8px #ff9f0080}.vab-content{align-items:center;gap:1.5rem;display:flex}.vab-icon{color:#ff9f00a6;filter:drop-shadow(0 0 5px #ff9f0033);font-size:2.2rem;transition:color .3s,filter .3s}.vault-access-btn:hover .vab-icon{color:#ff9f00;filter:drop-shadow(0 0 10px #ff9f0099)}.vab-text{flex-grow:1}.vab-title{font-family:var(--font-mono), monospace;color:#ff9f00;letter-spacing:.15em;text-shadow:0 0 5px #ff9f0033;margin:0 0 .4rem;font-size:1.15rem;transition:text-shadow .3s}.vault-access-btn:hover .vab-title{text-shadow:0 0 10px #ff9f0099}.vab-desc{color:var(--spgx-text-muted);margin:0;font-size:.85rem;line-height:1.4}@media (max-width:900px){.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}.action-center-inner{flex-direction:column;gap:1rem}.status-grid{grid-template-columns:1fr;gap:1.5rem}.bottom-content-split{grid-template-columns:1fr}.notice-board{border-right:none;border-bottom:1px solid var(--spgx-surface-border)}.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}}