*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:5rem}:root{--bg-color: #ffffff;--text-color: #000000;--header-bg: rgba(255,255,255,.95);--header-text: #000000;--header-border: rgba(148, 163, 184, .1);--nav-link: #64748b;--nav-link-hover: #0ea5e9;--card-bg: rgba(255,255,255,.6);--card-border: rgba(0, 0, 0, .1);--card-hover-border: rgba(14, 165, 233, .3);--card-bg-hover: rgba(255,255,255,.8);--accent: #0ea5e9;--accent-light: #7dd3fc;--secondary-text: #64748b;--tag-bg: rgba(14, 165, 233, .1);--tag-color: #0369a1}.dark{--bg-color: #0f172a;--text-color: #e2e8f0;--header-bg: rgba(15, 23, 42, .95);--header-text: #e2e8f0;--header-border: rgba(148, 163, 184, .1);--nav-link: #94a3b8;--nav-link-hover: #38bdf8;--card-bg: rgba(30, 41, 59, .6);--card-border: rgba(148, 163, 184, .1);--card-hover-border: rgba(56, 189, 248, .3);--card-bg-hover: rgba(30, 41, 59, .8);--accent: #38bdf8;--accent-light: #7dd3fc;--secondary-text: #94a3b8;--tag-bg: rgba(56, 189, 248, .1);--tag-color: #7dd3fc}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#38bdf84d;color:#e2e8f0}