:root{--background:#fff;--foreground:#171717;--primary:#3b82f6;--primary-hover:#2563eb;--secondary:#f3f4f6;--secondary-hover:#e5e7eb;--border:#e5e7eb;--border-hover:#d1d5db;--text-primary:#171717;--text-secondary:#6b7280;--radius:8px;--shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed;--primary:#3b82f6;--primary-hover:#60a5fa;--secondary:#1f2937;--secondary-hover:#374151;--border:#374151;--border-hover:#4b5563;--text-primary:#f9fafb;--text-secondary:#9ca3af}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--text-primary);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.card{background-color:var(--secondary);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);transition:transform .2s ease-in-out}.card:hover{transform:translateY(-5px)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease-in-out;cursor:pointer}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--secondary);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--secondary-hover)}@media (prefers-color-scheme:dark){html{color-scheme:dark}}