@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700;800&family=Inter+Tight:wght@400;500;600;700&display=swap";
:root{--primary-50:#e7f3ff;--primary-100:#d3e9ff;--primary-200:#a8d4ff;--primary-300:#76b9fc;--primary-400:#43a0f5;--primary-500:#0a66c2;--primary-600:#095ba8;--primary-700:#07498e;--primary-800:#063d75;--primary-900:#042e56;--purple-50:#faf5ff;--purple-100:#f3e8ff;--purple-200:#e9d5ff;--purple-300:#d8b4fe;--purple-400:#c084fc;--purple-500:#a855f7;--purple-600:#9333ea;--purple-700:#7e22ce;--purple-800:#6b21a8;--purple-900:#581c87;--success-50:#f0fdf4;--success-100:#dcfce7;--success-200:#bbf7d0;--success-300:#86efac;--success-400:#4ade80;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--success-800:#166534;--success-900:#14532d;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-200:#fde68a;--warning-300:#fcd34d;--warning-400:#fbbf24;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--warning-800:#92400e;--warning-900:#78350f;--error-50:#fef2f2;--error-100:#fee2e2;--error-200:#fecaca;--error-300:#fca5a5;--error-400:#f87171;--error-500:#ef4444;--error-600:#dc2626;--error-700:#b91c1c;--error-800:#991b1b;--error-900:#7f1d1d;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--background:#fff;--surface:#fff;--card:#fff;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--border:#e5e7eb;--border-hover:#d1d5db;--font-sans:"Inter Tight","Inter",-apple-system,sans-serif;--font-display:"Instrument Sans","Inter",sans-serif;--font-mono:"SF Mono","Monaco","Cascadia Code","Courier New",monospace;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--radius-xs:.25rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:2rem;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1)}html,body{font-family:var(--font-sans);background:var(--background);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:700;line-height:1.2}h1{font-size:2.5rem;font-weight:800}h2{font-size:2rem;font-weight:700}h3{font-size:1.5rem;font-weight:600}h4{font-size:1.25rem;font-weight:600}p{color:var(--text-secondary);font-size:1rem;line-height:1.7}.card{background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-base);border:1px solid #f1f5f9;box-shadow:0 1px 3px #00000005}.card:hover{border-color:#e2e8f0;box-shadow:0 8px 16px #0000000a}.btn{font-family:var(--font-display);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;line-height:1;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;background:#000}.btn-primary:hover:not(:disabled){background:#1a1a1a;box-shadow:0 4px 12px #00000014}.btn-secondary{color:#000;background:#f1f5f9}.btn-secondary:hover:not(:disabled){background:#e2e8f0}.btn-outline{color:#000;background:0 0;border:1px solid #e2e8f0}.btn-outline:hover:not(:disabled){background:0 0;border-color:#000}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:#f1f5f9}.input{width:100%;font-family:var(--font-sans);color:var(--text-primary);background:var(--background);border:1.5px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-base);outline:none;padding:.75rem 1rem;font-size:.875rem}.input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.input::placeholder{color:var(--text-tertiary)}.badge{border-radius:var(--radius-full);align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.badge-success{background:var(--success-100);color:var(--success-700)}.badge-warning{background:var(--warning-100);color:var(--warning-700)}.badge-error{background:var(--error-100);color:var(--error-700)}.badge-primary{background:var(--primary-100);color:var(--primary-700)}.badge-gray{background:var(--gray-100);color:var(--gray-700)}.progress-bar{background:var(--gray-200);border-radius:var(--radius-full);width:100%;height:.5rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--primary-500)0%,var(--purple-500)100%);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.divider{background:var(--border);height:1px;margin:var(--spacing-lg)0}.container{max-width:1280px;padding:0 var(--spacing-xl);margin:0 auto}.grid{gap:var(--spacing-lg);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.mono{font-family:var(--font-mono);font-size:.875rem}.gradient-text{background:linear-gradient(135deg,var(--primary-600)0%,var(--purple-600)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fadeIn{animation:fadeIn var(--transition-base)}.animate-slideUp{animation:slideUp var(--transition-slow)}.animate-slideDown{animation:slideDown var(--transition-slow)}.animate-slideRight{animation:slideRight var(--transition-slow)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}a{color:var(--primary-600);transition:color var(--transition-base);text-decoration:none}a:hover{color:var(--primary-700)}::selection{background:var(--primary-200);color:var(--primary-900)}