@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--color-primary: #ff3e00;--color-primary-hover: #ff5722;--color-accent: #ff3e00;--bg-primary: #0a0a0a;--bg-secondary: #121212;--bg-tertiary: #1a1a1a;--bg-glass: rgba(18, 18, 18, .9);--bg-card: #121212;--text-primary: #f0f0f0;--text-secondary: #a0a0a0;--text-tertiary: #737373;--text-muted: #525252;--border-primary: rgba(255, 255, 255, .12);--border-secondary: rgba(255, 255, 255, .06);--border-accent: #ff3e00;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--transition-normal: .2s cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;background-color:#0a0a0a}body{font-family:var(--font-sans);background-color:#05070d;color:var(--text-primary);line-height:1.5;min-height:100vh;overflow-x:hidden;background-image:linear-gradient(to right,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.025) 1px,transparent 1px);background-size:80px 80px}.text-outline{color:transparent;-webkit-text-stroke:2px #f0f0f0}.text-outline-orange{color:transparent;-webkit-text-stroke:2px #ff3e00}.font-mono-meta{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#262626;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#ff3e00}::selection{background:#ff3e00;color:#000}.brutalist-card{background:#121212;border:1px solid rgba(255,255,255,.12);transition:all var(--transition-normal)}.brutalist-card:hover{border-color:#ff3e00;transform:translateY(-2px)}.orange-badge{background:#ff3e00;color:#000;font-weight:800;text-transform:uppercase;font-family:var(--font-mono)}body{position:relative;background-color:#0a0a0f}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background-image:linear-gradient(to right,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.02) 1px,transparent 1px);background-size:80px 80px;z-index:-1}#root{max-width:1280px;margin:0 auto;padding:0;text-align:left}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}