@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--color-bg:#0f0f0f;--color-surface:#1a1a1a;--color-surface-el:#242424;--color-border:#2e2e2e;--color-text:#f5f5f0;--color-text-sec:#8a8a8a;--color-text-ter:#5a5a5a;--color-accent:#3b82f6;--color-accent-hover:#2563eb;--color-accent-sub:#3b82f61a;--color-success:#22c55e;--color-error:#ef4444;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--shadow-sm:0 1px 3px #0006;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-weight:600;line-height:1.25}p{color:var(--color-text-sec);line-height:1.7}a{color:var(--color-accent);transition:color var(--transition);text-decoration:none}a:hover{color:var(--color-accent-hover)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-ter)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}