*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark:#0a0a0f;--bg-card:#12121a;--text-primary:#fff;--text-secondary:#889;--accent:#00d4ff;--accent-secondary:#7b2ff7;--border:#223;--zig-orange:#f7a41d}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-dark);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:var(--accent);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}code{padding:.2em .4em;border-radius:4px;font-size:.9em}code,pre{font-family:SF Mono,Fira Code,Consolas,monospace;background:var(--bg-card)}pre{padding:1.5rem;border-radius:8px;overflow-x:auto;border:1px solid var(--border)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px rgba(0,212,255,.1)}50%{box-shadow:0 0 40px rgba(0,212,255,.2)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes typewriter{0%{width:0}to{width:100%}}.token-keyword{color:#c678dd}.token-string{color:#98c379}.token-function{color:#61afef}.token-number{color:#d19a66}.token-comment{color:#5c6370;font-style:italic}.token-type{color:#e5c07b}.token-operator{color:#56b6c2}.token-variable{color:#e06c75}.token-property{color:#d19a66}.token-builtin{color:#56b6c2}.token-punctuation{color:#abb2bf}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.particle{position:absolute;width:4px;height:4px;background:linear-gradient(135deg,var(--accent),var(--accent-secondary));border-radius:50%;opacity:.3;animation:float 6s ease-in-out infinite}