*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f9fafb;--surface:#fff;--surface2:#f3f4f6;--border:#00000014;--border-active:#2563eb4d;--text:#111827;--muted:#6b7280;--accent:#2563eb;--accent-light:#2563eb14;--accent-glow:#2563eb33;--accent2:#ef4444;--accent2-light:#ef444414;--accent2-glow:#ef444433;--success:#16a34a;--warn:#d97706;--radius:12px;--radius-sm:8px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.container{max-width:1100px;margin:0 auto;padding:0 1.25rem}.text-accent{color:var(--accent)}.text-muted{color:var(--muted)}.tool-card{transition:border-color .2s,transform .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #2563eb14;border-color:#bfdbfe!important}.blog-card{transition:border-color .2s,box-shadow .2s}.blog-card:hover{box-shadow:0 4px 16px #2563eb12;border-color:#bfdbfe!important}