@import "https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--forge-orange:#e8600a;--forge-orange-light:#f97316;--forge-orange-glow:#e8600a26;--charcoal-deep:#1a1a1e;--charcoal-mid:#26262b;--steel-dark:#2d2d33;--chrome-silver:#b8bcc8;--bg-main:#f3f4f6;--bg-surface:#fff;--bg-elevated:#fafafa;--bg-sidebar:var(--charcoal-deep);--bg-sidebar-hover:#ffffff0f;--bg-sidebar-active:var(--forge-orange);--text-primary:#111318;--text-secondary:#5c5f6a;--text-muted:#9ca0ab;--text-inverse:#f3f4f6;--primary:var(--forge-orange);--primary-hover:#d45508;--primary-light:var(--forge-orange-glow);--success:#16a34a;--success-bg:#f0fdf4;--warning:#d97706;--warning-bg:#fffbeb;--error:#dc2626;--error-bg:#fef2f2;--info:#0284c7;--info-bg:#f0f9ff;--midnight-blue:var(--text-primary);--electric-blue:var(--forge-orange);--emerald-green:var(--success);--amber-glow:var(--warning);--crimson-glow:var(--error);--slate-gray:var(--text-secondary);--cool-gray:#e2e4e9;--ghost-white:var(--bg-elevated);--white:#fff;--text-main:var(--text-primary);--border:#e2e4e9;--border-strong:#d1d4db;--glass-bg:#ffffffbf;--glass-blur:blur(12px);--glass-border:#ffffff4d;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 8px -2px #00000014,0 2px 4px -2px #0000000a;--shadow-lg:0 12px 24px -4px #0000001a,0 4px 8px -4px #0000000f;--shadow-orange:0 4px 14px -3px #e8600a59;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--font-heading:"Barlow",sans-serif;--font-body:"DM Sans",sans-serif;--font-mono:"JetBrains Mono",monospace;--font-inter:var(--font-body);--font-outfit:var(--font-heading);--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.35s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body);transition:all var(--transition-fast);border:none}button:hover{filter:brightness(1.05);transform:translateY(-1px)}button:active{transform:translateY(0)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.card{background:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:box-shadow var(--transition-base),transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--chrome-silver);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::selection{background:var(--forge-orange-glow);color:var(--forge-orange)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background-color:var(--cool-gray);border-radius:var(--radius-sm);animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}:focus-visible{outline:2px solid var(--forge-orange);outline-offset:2px}