*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}button{cursor:pointer;font:inherit}a{color:inherit}:root{--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--green-50:#f0fdf4;--green-500:#22c55e;--green-600:#16a34a;--amber-400:#fbbf24;--amber-500:#f59e0b;--red-500:#ef4444;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--radius-sm:0.375rem;--radius:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1)}body{font-family:var(--font-sans);background:var(--gray-50);color:var(--gray-900);line-height:1.6;min-height:100vh}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 var(--space-6)}.container--narrow{max-width:760px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius);font-size:var(--text-sm);font-weight:600;line-height:1;text-decoration:none;transition:background .15s,transform .1s,box-shadow .15s;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--primary{background:var(--blue-600);color:#fff;box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){background:var(--blue-700);box-shadow:var(--shadow)}.btn--ghost{background:transparent;color:var(--gray-700)}.btn--ghost:hover{background:var(--gray-100)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-lg)}.card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;line-height:1.4}.badge--featured{background:#fef3c7;color:#92400e}.badge--green{background:var(--green-50);color:var(--green-600)}.badge--blue{background:var(--blue-50);color:var(--blue-700)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:800px 100%;animation:shimmer 1.4s linear infinite;border-radius:var(--radius)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor{animation:blink 1s step-end infinite}@media (max-width:640px){.container{padding:0 var(--space-4)}:root{--text-3xl:1.5rem;--text-4xl:1.875rem}.btn--lg{width:100%;justify-content:center}}