:root{--bg: #ffffff;--fg: #0f172a;--brand: #0ea5e9;--brand-strong: #0284c7;--muted: #6b7280;--border: #e5e7eb;--radius: 12px;--container: 920px;--card: #ffffff;--card-hover: #fafafa;--shadow: 0 6px 20px rgba(0,0,0,.1);--nav-bg: rgba(255,255,255,.85);--link: #0f172a;--link-muted: #6b7280;--divider-color: #000000;--divider-width: max(2px, .12em);--divider-opacity: 1;--divider-radius: 1px;--primary: #2D3748;--secondary: #4A5568;--accent: #4299E1;--light: #EDF2F7;--white: #FFFFFF;--card-shadow: 0 4px 6px rgba(0, 0, 0, .1);--transition: all .3s ease}@media (prefers-color-scheme: dark){:root{--bg: #0b1220;--fg: #e5e7eb;--brand: #38bdf8;--brand-strong: #0284c7;--muted: #94a3b8;--border: #1f2937;--card: #0b1323;--card-hover: #0e1a2d;--shadow: 0 10px 30px rgba(0,0,0,.45);--nav-bg: rgba(15,23,42,.75);--link: #e2e8f0;--link-muted: #94a3b8;--divider-color: #e2e8f0;--divider-width: max(2px, .12em);--divider-opacity: 1;--divider-radius: 1px}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg)}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.7;margin:0}.navbar{background:var(--brand-strong);color:#fff}.navbar a,.navbar button{color:#fff}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}.btn-primary{background:var(--brand);color:#fff;border-radius:var(--radius)}.btn-primary:hover{opacity:.9}.container{max-width:var(--container);margin:0 auto;padding:24px 16px}h1,h2,h3,h4,h5,h6{font-family:Inter,ui-sans-serif,system-ui,-apple-system;font-weight:600;line-height:1.25;margin:0 0 12px}h1{font-size:32px}h2{font-size:24px}h3{font-size:20px}h4{font-size:18px}h5{font-size:16px}h6{font-size:14px}p{font-size:16px;margin:0 0 12px}.muted{color:var(--muted);font-size:14px;line-height:1.6}.brand{color:var(--brand)}.tag{display:inline-block;padding:6px 12px;border:1px solid var(--border);border-radius:999px;margin:4px 6px 0 0;font-size:14px}button{font-family:inherit;font-size:14px;padding:8px 16px;border-radius:8px;border:none;cursor:pointer;background:var(--brand);color:#fff;transition:background .2s}button:hover{background:var(--brand-strong)}.section{margin:32px 0}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);overflow:hidden;margin:16px 0;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;box-shadow:none}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);background:var(--card-hover)}.card-img{width:100%;height:180px;object-fit:cover}.card-body{padding:16px}.card-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.divider{width:var(--divider-width);background-color:var(--divider-color);opacity:var(--divider-opacity);align-self:stretch;justify-self:center;border-radius:var(--divider-radius);font-family:inherit;font-size:inherit;line-height:inherit}