@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap'); :root{--typhon-bg-base:#0c0c14;--typhon-bg-surface:#10101c;--typhon-bg-elevated:#161624;--typhon-bg-overlay:#1c1c2e;--typhon-bg-glass:rgba(16, 16, 28, 0.88);--typhon-text-primary:#e4e4ed;--typhon-text-secondary:#8a8aa3;--typhon-text-tertiary:#5c5c75;--typhon-text-inverse:#0c0c14;--typhon-cyan:#00d4f0;--typhon-cyan-hover:#2ae0ff;--typhon-cyan-muted:#0099b3;--typhon-cyan-subtle:rgba(0, 212, 240, 0.12);--typhon-cyan-border:rgba(0, 212, 240, 0.25);--typhon-green:#00e87a;--typhon-green-muted:#00b35f;--typhon-green-subtle:rgba(0, 232, 122, 0.10);--typhon-green-border:rgba(0, 232, 122, 0.25);--typhon-red:#f04060;--typhon-red-subtle:rgba(240, 64, 96, 0.10);--typhon-red-border:rgba(240, 64, 96, 0.25);--typhon-purple:#8b6cf6;--typhon-purple-subtle:rgba(139, 108, 246, 0.10);--typhon-purple-border:rgba(139, 108, 246, 0.25);--typhon-border-subtle:rgba(255, 255, 255, 0.06);--typhon-border-medium:rgba(255, 255, 255, 0.10);--typhon-border-strong:rgba(255, 255, 255, 0.16);--typhon-font-display:'Instrument Sans', 'SF Pro Display', system-ui, sans-serif;--typhon-font-body:'DM Sans', 'SF Pro Text', system-ui, sans-serif;--typhon-font-mono:'JetBrains Mono', 'SF Mono', 'Fira Code', monospace;--typhon-size-display:clamp(3rem, 6vw, 5rem);--typhon-size-h1:clamp(2rem, 4vw, 3rem);--typhon-size-h2:clamp(1.5rem, 2.5vw, 2rem);--typhon-size-h3:1.25rem;--typhon-size-body:1rem;--typhon-size-small:0.875rem;--typhon-size-caption:0.75rem;--typhon-space-xs:0.25rem;--typhon-space-sm:0.5rem;--typhon-space-md:1rem;--typhon-space-lg:1.5rem;--typhon-space-xl:2rem;--typhon-space-2xl:3rem;--typhon-space-3xl:4rem;--typhon-space-4xl:6rem;--typhon-space-section:clamp(4rem, 10vw, 7rem);--typhon-radius-interactive:8px;--typhon-radius-nested:12px;--typhon-radius-container:20px;--typhon-radius-full:9999px;--typhon-shadow-glow:0 0 32px rgba(0, 212, 240, 0.06);--typhon-shadow-glow-strong:0 0 48px rgba(0, 212, 240, 0.12);--typhon-shadow-elevated:0 8px 32px rgba(0, 0, 0, 0.3);--typhon-shadow-card:0 2px 16px rgba(0, 0, 0, 0.2);--typhon-motion-short:160ms cubic-bezier(0.2, 0, 0, 1);--typhon-motion-moderate:280ms cubic-bezier(0.2, 0, 0, 1);--typhon-motion-long:400ms cubic-bezier(0.2, 0, 0, 1);--typhon-motion-spinner:800ms linear}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}body{background:var(--typhon-bg-base);color:var(--typhon-text-primary);font-family:var(--typhon-font-body);font-size:var(--typhon-size-body);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:rgba(0, 212, 240, 0.18);color:var(--typhon-text-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--typhon-bg-base)}::-webkit-scrollbar-thumb{background:var(--typhon-border-medium);border-radius:3px}.typhon-container{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(1.5rem, 5vw, 4rem)}.typhon-section{padding:var(--typhon-space-section) clamp(1.5rem, 5vw, 4rem)}@keyframes typhon-fade-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes typhon-slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes typhon-pulse{0%,100%{opacity:1}50%{opacity:0.4}}@keyframes typhon-spin{to{transform:rotate(360deg)}}