:root{--token-color-bg-dark: #050608;--token-color-bg-surface: #0b0e14;--token-color-bg-card: #0f131c;--token-color-bg-card-hover: #161c28;--token-color-text-primary: #ffffff;--token-color-text-secondary: #90a0b5;--token-color-text-muted: #536278;--token-color-accent-orange: #f77f00;--token-color-accent-orange-hover: #ff951a;--token-color-accent-cyan: #00f0ff;--token-color-accent-red: #ff3366;--token-border-subtle: rgba(255, 255, 255, .12);--token-border-highlight: rgba(247, 127, 0, .4);--token-border-cyan: rgba(0, 240, 255, .35);--token-font-heading: "Orbitron", -apple-system, sans-serif;--token-font-body: "JetBrains Mono", monospace;--token-font-mono: "JetBrains Mono", monospace;--token-font-size-xs: .75rem;--token-font-size-sm: .85rem;--token-font-size-base: 1rem;--token-font-size-lg: 1.25rem;--token-font-size-xl: 2.25rem;--token-font-size-hero: clamp(3.5rem, 9vw, 6rem);--token-space-1: .25rem;--token-space-2: .5rem;--token-space-3: .75rem;--token-space-4: 1rem;--token-space-6: 1.5rem;--token-space-8: 2rem;--token-space-12: 3rem;--token-space-16: 4rem;--token-space-24: 6rem;--token-container-max: 1280px;--token-header-height: 64px;--token-radius-sm: 0px;--token-radius-md: 0px;--token-z-background: 0;--token-z-content: 1;--token-z-header: 100;--token-z-drawer: 99}:root{--bg-dark: var(--token-color-bg-dark);--bg-surface: var(--token-color-bg-surface);--bg-card: var(--token-color-bg-card);--bg-card-hover: var(--token-color-bg-card-hover);--border-subtle: var(--token-border-subtle);--border-highlight: var(--token-border-highlight);--text-primary: var(--token-color-text-primary);--text-secondary: var(--token-color-text-secondary);--text-muted: var(--token-color-text-muted);--accent-orange: var(--token-color-accent-orange);--accent-cyan: var(--token-color-accent-cyan);--accent-red: var(--token-color-accent-red);--font-heading: var(--token-font-heading);--font-body: var(--token-font-body);--font-mono: var(--token-font-mono);--max-width: var(--token-container-max)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--token-color-bg-dark);color:var(--token-color-text-primary);font-family:var(--token-font-body);-webkit-font-smoothing:antialiased}body{min-height:100vh;overflow-x:hidden}.bg-hex-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--token-z-background);background-image:url("data:image/svg+xml,%3Csvg width='60' height='103.923' viewBox='0 0 60 103.923' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0 L60 17.32 L60 51.96 L30 69.28 L0 51.96 L0 17.32 Z M30 103.923 L60 86.602 L60 51.96 L30 69.28 L0 51.96 L0 86.602 Z' fill='none' stroke='rgba(255, 255, 255, 0.02)' stroke-width='1'/%3E%3C/svg%3E");background-repeat:repeat;opacity:.6}h1,h2,h3,h4{font-family:var(--token-font-heading);letter-spacing:-.02em;color:var(--token-color-text-primary);font-weight:700;text-transform:uppercase}.mono{font-family:var(--token-font-mono)}.text-orange{color:var(--token-color-accent-orange)}.text-cyan{color:var(--token-color-accent-cyan)}.text-muted{color:var(--token-color-text-secondary)}.input-field{width:100%;background-color:#ffffff0a;border:1px solid var(--token-border-subtle);border-radius:var(--token-radius-sm);color:var(--token-color-text-primary);font-family:var(--token-font-mono);font-size:var(--token-font-size-sm);padding:.85rem 1rem;transition:border-color .15s ease,background-color .15s ease}.input-field:focus{outline:none;border-color:var(--token-color-accent-orange);background-color:#ffffff12}.input-field::placeholder{color:var(--token-color-text-muted);font-family:var(--token-font-mono);font-size:var(--token-font-size-xs);text-transform:uppercase;letter-spacing:.05em}.container{width:100%;max-width:var(--token-container-max);margin:0 auto;padding:0 var(--token-space-6);position:relative;z-index:var(--token-z-content)}section{position:relative}.section-tag{display:inline-flex;align-items:center;gap:var(--token-space-2);font-family:var(--token-font-mono);font-size:var(--token-font-size-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--token-color-accent-orange);margin-bottom:var(--token-space-3);background:#f77f0014;padding:.25rem .6rem;border:1px solid var(--token-border-highlight)}.section-title{font-size:var(--token-font-size-xl);margin-bottom:var(--token-space-4);letter-spacing:-.01em}@media (min-width: 768px){.section-title{font-size:2.75rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--token-space-2);font-family:var(--token-font-mono);font-size:var(--token-font-size-sm);font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.85rem var(--token-space-6);border-radius:var(--token-radius-sm);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none;border:1px solid transparent}.btn-primary{background-color:var(--token-color-accent-orange);color:#000;border-color:var(--token-color-accent-orange)}.btn-primary:hover{background-color:var(--token-color-accent-orange-hover);border-color:var(--token-color-accent-orange-hover);box-shadow:0 0 20px #f77f0059}.btn-secondary{background-color:#ffffff08;color:var(--token-color-text-primary);border-color:var(--token-border-subtle)}.btn-secondary:hover{background-color:#ffffff14;border-color:var(--token-color-accent-orange);color:var(--token-color-text-primary)}.btn-disabled{background-color:#ffffff0d!important;color:var(--token-color-text-muted)!important;border-color:var(--token-border-subtle)!important;box-shadow:none!important;cursor:not-allowed!important;opacity:.6}.btn-sm{padding:.5rem 1rem;font-size:var(--token-font-size-xs)}.card{background-color:var(--token-color-bg-card);border:1px solid var(--token-border-subtle);border-radius:var(--token-radius-md);padding:var(--token-space-6);transition:border-color .2s ease,background-color .2s ease;position:relative}.card-hover:hover{border-color:var(--token-color-accent-orange);background-color:var(--token-color-bg-card-hover)}.tech-corner{position:relative}.tech-corner:after{content:"";position:absolute;top:-1px;right:-1px;width:10px;height:10px;border-top:2px solid var(--token-color-accent-orange);border-right:2px solid var(--token-color-accent-orange)}.header{position:fixed;top:0;left:0;right:0;z-index:var(--token-z-header);background-color:#000;border-bottom:1px solid var(--token-border-subtle)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:var(--token-header-height)}.brand{display:flex;align-items:center;gap:var(--token-space-3);text-decoration:none;color:var(--token-color-text-primary)}.brand-icon{width:24px;height:24px;color:var(--token-color-accent-orange)}.brand-name{font-family:var(--token-font-heading);font-weight:700;font-size:1.1rem;letter-spacing:.12em;text-transform:uppercase}.nav-links{display:none;gap:var(--token-space-8);align-items:center}@media (min-width: 768px){.nav-links{display:flex}}.nav-link{font-family:var(--token-font-mono);font-size:var(--token-font-size-xs);color:var(--token-color-text-secondary);text-decoration:none;text-transform:uppercase;letter-spacing:.08em;transition:color .15s ease;padding:.25rem .5rem}.nav-link:hover{color:var(--token-color-accent-orange)}.mobile-toggle{display:flex;background:none;border:none;color:var(--token-color-text-primary);cursor:pointer;padding:var(--token-space-2)}@media (min-width: 768px){.mobile-toggle{display:none}}.mobile-menu{position:fixed;top:var(--token-header-height);left:0;right:0;background-color:var(--token-color-bg-surface);border-bottom:1px solid var(--token-border-subtle);padding:var(--token-space-6);display:flex;flex-direction:column;gap:var(--token-space-4);z-index:var(--token-z-drawer)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .5rem;font-family:var(--token-font-mono);font-size:.7rem;text-transform:uppercase;border-radius:0;background-color:#0009;color:var(--token-color-text-secondary);border:1px solid var(--token-border-subtle)}.badge-orange{background-color:#f77f0026;color:var(--token-color-accent-orange);border-color:var(--token-border-highlight)}.badge-cyan{background-color:#00f0ff1f;color:var(--token-color-accent-cyan);border-color:var(--token-border-cyan)}.grid-3{display:grid;grid-template-columns:1fr;gap:var(--token-space-6)}@media (min-width: 768px){.grid-3{grid-template-columns:repeat(3,1fr)}}@keyframes pulseGlow{0%,to{opacity:.4}50%{opacity:.95}}.pulse-dot{width:6px;height:6px;border-radius:0;background-color:var(--token-color-accent-orange);display:inline-block;animation:pulseGlow 2s infinite ease-in-out}