:root{--bg-color: #f4f4f0;--text-color: #1a1a1a;--accent-color: #003366;--border-color: #d0d0d0;--subtle-text: #555555;--code-bg: #e8e8e8;--success-color: #2e7d32;--danger-color: #c62828;--font-sans: "Inter", "Helvetica Neue", "Arial", sans-serif;--font-mono: "JetBrains Mono", "Roboto Mono", "Courier New", monospace;--spacing-unit: 8px;--container-width: 1100px}@media (prefers-color-scheme: dark){:root{--bg-color: #111111;--text-color: #e0e0e0;--accent-color: #64b5f6;--border-color: #333333;--subtle-text: #aaaaaa;--code-bg: #1a1a1a;--success-color: #66bb6a;--danger-color: #ef5350}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;-webkit-font-smoothing:antialiased;font-size:16px}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.03em;margin-bottom:1rem;line-height:1.2}h1{font-size:3.5rem;font-weight:700}h2{font-size:2rem;margin-top:3rem;border-bottom:1px solid var(--border-color);padding-bottom:.75rem}h3{font-size:1.25rem;margin-top:1.5rem}p{margin-bottom:1.5rem;max-width:70ch}a{color:var(--text-color);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .2s}a:hover{color:var(--accent-color);text-decoration-color:var(--accent-color)}code,pre,.mono{font-family:var(--font-mono);font-size:.9em}.container{max-width:var(--container-width);margin:0 auto;padding:0 2rem}.section{padding:6rem 0;border-bottom:1px solid var(--border-color)}.section:last-child{border-bottom:none}.grid{display:grid;gap:3rem}.grid-2{grid-template-columns:1fr 1fr}@media (max-width: 768px){.grid-2{grid-template-columns:1fr}h1{font-size:2.5rem}}.card{border:1px solid var(--border-color);padding:2rem;background:transparent;transition:transform .2s ease-in-out}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;background:var(--text-color);color:var(--bg-color);text-decoration:none;font-weight:500;border:1px solid var(--text-color);cursor:pointer;transition:all .2s;font-family:var(--font-sans);font-size:1rem;letter-spacing:-.01em}.btn:hover,.btn-secondary{background:transparent;color:var(--text-color)}.btn-secondary:hover{background:var(--code-bg)}table{width:100%;border-collapse:collapse;margin:2rem 0;font-family:var(--font-mono);font-size:.9rem}th{text-align:left;border-top:2px solid var(--text-color);border-bottom:1px solid var(--text-color);padding:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}td{padding:.75rem;border-bottom:1px solid var(--border-color)}tr:last-child td{border-bottom:2px solid var(--text-color)}.caption{font-size:.85rem;color:var(--subtle-text);margin-top:.75rem;font-style:italic;font-family:var(--font-sans)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:var(--subtle-text);margin-right:6px}.status-dot.active{background-color:var(--success-color);box-shadow:0 0 0 2px #2e7d3233}.status-dot.warning{background-color:#fbc02d}.status-dot.error{background-color:var(--danger-color)}
