@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500&family=Space+Grotesk:wght@500;600;700&display=swap";
:root{--color-bg-base:#0a0a0a;--color-bg-panel:#171a1e;--color-bg-elevated:#1e2227;--color-border:#2c313a;--color-accent-base:#d6ff3f;--color-accent-high:#e5ff7f;--color-accent-dim:#7c9922;--color-secondary-base:#707a8c;--color-secondary-high:#949eaf;--color-text-primary:#f5f5f5;--color-text-secondary:#a6aebc;--glow-accent:#d6ff3f26;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"IBM Plex Mono", monospace;--space-4:4px;--space-8:8px;--space-16:16px;--space-24:24px;--space-32:32px;--space-48:48px;--space-64:64px;--space-96:96px;--grid-gap:var(--space-24);--content-max-width:1400px;--radius-system:0px;--border-system:1px solid var(--color-border);--transition-base:.3s ease;--transition-reveal:1.2s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.8s cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-body);background-image:linear-gradient(#2c313a4d 1px,#0000 1px),linear-gradient(90deg,#2c313a4d 1px,#0000 1px);background-position:top;background-size:40px 40px;min-height:100vh;font-weight:400;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600;line-height:1.1}.system-label{font-family:var(--font-mono);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:500}.status-indicator{align-items:center;gap:var(--space-8);font-family:var(--font-mono);color:var(--color-accent-base);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;display:inline-flex}.status-indicator:before{content:"";background-color:var(--color-accent-base);width:6px;height:6px;box-shadow:0 0 10px var(--glow-accent);animation:2s ease-in-out infinite pulse;display:block}.hafnir-logo-svg{width:64px;height:64px;color:var(--color-text-primary);opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) 1.8s forwards logoResolve}.hl-bracket-left{stroke-dasharray:200;stroke-dashoffset:200px;animation:1s cubic-bezier(.16,1,.3,1) 1.9s forwards drawLine}.hl-bracket-right{stroke-dasharray:200;stroke-dashoffset:-200px;animation:1s cubic-bezier(.16,1,.3,1) 1.9s forwards drawLine}.hl-core-polygon{stroke-dasharray:150;stroke-dashoffset:150px;opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) 2.2s forwards drawLine,.4s 2.2s forwards fadeIn}.hl-core-pulse{opacity:0;transform-origin:50%;fill:var(--color-accent-base);animation:.5s cubic-bezier(.16,1,.3,1) 2.5s forwards pulseIn,.5s ease-out 3.5s forwards logoSettle;transform:scale(0)}.nic-data-grid{grid-template-columns:1fr}@media (min-width:1024px){.nic-data-grid{grid-template-columns:1fr}}.pulse-dot{background-color:var(--color-accent-base);width:6px;height:6px;box-shadow:0 0 8px var(--glow-accent);animation:2s ease-in-out infinite pulseData}.nic-grid-connectors{height:100px;position:absolute;top:-100px;left:0;right:0}.nic-power-line{background:#f5f5f51a;width:1px;position:absolute;top:0;bottom:0}.nic-power-line.left{left:20%}.nic-power-line.right{right:20%}.nic-power-signal{background:var(--color-accent-base);width:1px;height:40px;box-shadow:0 0 10px var(--color-accent-base);opacity:0;position:absolute;top:-20px;left:20%}.nic-power-signal.fire-signal{animation:.8s ease-out forwards gridSignalFire}.nic-chassis{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c0e10e6;border:1px solid #f5f5f526;padding:2px;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000080}.nic-init-overlay{z-index:10;justify-content:center;align-items:center;gap:var(--space-24);background:#0a0a0af2;flex-direction:column;display:flex;position:absolute;inset:0}.nic-init-text{font-family:var(--font-mono);color:var(--color-accent-base);text-shadow:0 0 8px #d6ff3f66;align-items:center;gap:var(--space-12);letter-spacing:.05em;font-size:.85rem;display:flex}.nic-init-bar{background:#f5f5f51a;width:200px;height:2px}.nic-init-progress{background:var(--color-accent-base);height:100%;box-shadow:0 0 10px var(--color-accent-base);transition:width .3s ease-out}.nic-interface{opacity:0;background:#14161880;flex-direction:column;transition:opacity .5s,transform .5s;display:flex;position:relative;transform:translateY(10px)}.network-identity-console.is-stable .nic-interface{opacity:1;transform:translateY(0)}.nic-header{padding:var(--space-16) var(--space-24);background:#f5f5f505;border-bottom:1px solid #f5f5f51a;justify-content:space-between;align-items:center;display:flex}.nic-id{font-family:var(--font-display);letter-spacing:.05em;color:var(--color-text-primary);margin-top:var(--space-4);font-size:1.25rem;font-weight:700}.nic-body{padding:var(--space-24);gap:var(--space-32);flex-direction:column;display:flex}.nic-layer-title{font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:.1em;margin-bottom:var(--space-16);padding-bottom:var(--space-8);border-bottom:1px dashed #f5f5f51a;font-size:.65rem}.nic-data-grid{gap:var(--space-16);grid-template-columns:repeat(3,1fr);display:grid}.nic-data-item{gap:var(--space-4);flex-direction:column;display:flex}.nic-label{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:.75rem}.nic-value{font-family:var(--font-display);color:var(--color-text-primary);font-size:1.1rem;font-weight:600}.nic-value.pending{color:orange}.nic-value.granted{color:var(--color-accent-base)}.nic-progression-main{align-items:center;gap:var(--space-32);display:flex}.nic-level-block{background:#f5f5f505;border:1px solid #f5f5f526;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.nic-level-label{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:.65rem}.nic-level-value{font-family:var(--font-display);color:var(--color-text-primary);font-size:2rem;font-weight:700;line-height:1}.nic-xp-block{gap:var(--space-8);flex-direction:column;flex-grow:1;display:flex}.nic-xp-header{justify-content:space-between;display:flex}.nic-xp-bar-container{background:#f5f5f51a;border-radius:2px;width:100%;height:4px;overflow:hidden}.nic-xp-bar-fill{background:var(--color-accent-base);width:15%;height:100%;box-shadow:0 0 8px var(--color-accent-base);transition:width 1s cubic-bezier(.2,0,0,1)}.nic-layer{transition:all .5s}.nic-layer.is-highlighted{background:#d6ff3f05;border-color:#d6ff3f80;box-shadow:0 0 30px #d6ff3f1a}.highlight-pulse .nic-label{color:var(--color-accent-base)}.highlight-pulse .nic-value,.highlight-pulse .nic-level-value{color:var(--color-accent-base);text-shadow:0 0 10px var(--color-accent-base)}.nic-footer{padding:var(--space-12) var(--space-24);background:#0a0a0a80;border-top:1px solid #f5f5f51a;justify-content:space-between;align-items:center;display:flex}.nic-signal-blips{gap:4px;display:flex}.nic-blip{background:#f5f5f533;width:4px;height:4px}.nic-blip.active{background:var(--color-accent-base);animation:1s infinite blink}.nic-sys-stamp{font-family:var(--font-mono);color:#f5f5f54d;font-size:.6rem}@media (max-width:900px){body,html{width:100%;overflow-x:hidden}.nic-data-grid{grid-template-columns:1fr}p{font-size:1rem!important}}@media (prefers-reduced-motion:reduce){.section-wrapper,.btn-primary,.btn-secondary,.network-console,.scanline,.pulse-dot,.blinking,.hero-architecture,.hero-content,.hero-visual,.hero-container,.boot-overlay,.network-grid-bg,.console-header,.identity-section,.stats-section,.sys-status-section,.console-footer,.hafnir-logo-svg,.hl-bracket-left,.hl-bracket-right,.hl-core-polygon,.hl-core-pulse,.hero-atmosphere,.ai-activation-light,.hla-layer,.hla-spine-traveler,.hla-core-pulse,.spl-spine-signal,.spl-connector-signal,.spl-stage-grid-pulse,.spl-stage-indicator,.spl-stage-meta{opacity:1!important;clip-path:none!important;filter:none!important;stroke-dashoffset:0!important;transition:none!important;animation:none!important;transform:none!important}}@media (max-width:900px){.nic-data-grid{grid-template-columns:1fr!important}}@keyframes pulse{0%{opacity:.5;box-shadow:0 0 4px var(--color-accent-base)}50%{opacity:1;box-shadow:0 0 12px var(--color-accent-base)}to{opacity:.5;box-shadow:0 0 4px var(--color-accent-base)}}@keyframes logoResolve{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes fadeIn{to{opacity:1}}@keyframes pulseIn{to{opacity:1;filter:drop-shadow(0 0 12px var(--color-accent-base));transform:scale(1)}}@keyframes logoSettle{to{fill:var(--color-text-primary);filter:drop-shadow(0 0 #0000)}}@keyframes pulseData{0%,to{opacity:.5;box-shadow:0 0 4px var(--color-accent-base)}50%{opacity:1;box-shadow:0 0 12px var(--color-accent-base)}}@keyframes gridSignalFire{0%{opacity:0;transform:translateY(0)}10%{opacity:1}to{opacity:0;transform:translateY(120px)}}