*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:light dark;--color-bg: #f9fafb;--color-bg-alt: #ffffff;--color-surface: #ffffff;--color-surface-muted: #e5e7eb;--color-text: #0f172a;--color-text-muted: #6b7280;--color-accent: #2563eb;--color-border: #e5e7eb}@media (prefers-color-scheme: dark){:root{--color-bg: #020617;--color-bg-alt: #020617;--color-surface: #020617;--color-surface-muted: #0f172a;--color-text: #e5e7eb;--color-text-muted: #9ca3af;--color-accent: #3b82f6;--color-border: #1f2937}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--color-text);background-color:var(--color-bg)}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.25rem;color:var(--color-text-muted)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease;text-decoration:none;border:none}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:hover{background-color:#1d4ed8}@media (prefers-color-scheme: dark){.btn-primary:hover{background-color:#2563eb}}.btn-outline{background-color:transparent;border:2px solid var(--color-accent);color:var(--color-accent)}.btn-outline:hover{background-color:var(--color-accent);color:#fff}.section{padding:4rem 0}.section-dark{background-color:var(--color-surface-muted);color:var(--color-text)}h1,h2,h3{font-weight:700;line-height:1.2}input,textarea,select{width:100%;padding:.875rem 1rem;font-size:1rem;border:2px solid var(--color-border);border-radius:8px;background-color:var(--color-surface);color:var(--color-text);transition:border-color .2s ease,background-color .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent)}.card{background-color:var(--color-surface);border-radius:16px;padding:2rem;border:1px solid var(--color-border)}.grid{display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 768px){.grid-2,.grid-3{grid-template-columns:1fr}}