*{box-sizing:border-box}html{font-family:Inter,system-ui,sans-serif;color:#1f2937}body{background-color:#f9fafb;min-height:100vh;margin:0;padding:0}h1{font-size:1.875rem;font-weight:600;line-height:1.2}h2{font-size:1.5rem;font-weight:600;line-height:1.2}h3{font-size:1.25rem;font-weight:600;line-height:1.2}:root{--primary-50: #e6f0ff;--primary-100: #cce0ff;--primary-500: #0066cc;--primary-600: #0052a3;--primary-700: #003d7a;--secondary-500: #34c759;--secondary-600: #29a047;--accent-500: #ffcc00;--accent-600: #cca300;--success-500: #34c759;--neutral-50: #f9fafb;--neutral-100: #f3f4f6;--neutral-200: #e5e7eb;--neutral-300: #d1d5db;--neutral-400: #9ca3af;--neutral-500: #6b7280;--neutral-600: #4b5563;--neutral-700: #374151;--neutral-800: #1f2937}.min-h-screen{min-height:100vh}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.p-2{padding:.5rem}.p-6{padding:1.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mr-3{margin-right:.75rem}.ml-2{margin-left:.5rem}.mt-8{margin-top:2rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-6{gap:1.5rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.space-y-3>*+*{margin-top:.75rem}.text-center{text-align:center}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-neutral-500{color:var(--neutral-500)}.text-neutral-600{color:var(--neutral-600)}.text-neutral-700{color:var(--neutral-700)}.text-neutral-800{color:var(--neutral-800)}.text-primary-500{color:var(--primary-500)}.text-primary-600{color:var(--primary-600)}.text-primary-700{color:var(--primary-700)}.text-secondary-500{color:var(--secondary-500)}.text-accent-500{color:var(--accent-500)}.text-success-500{color:var(--success-500)}.text-white{color:#fff}.bg-neutral-50{background-color:var(--neutral-50)}.bg-neutral-100{background-color:var(--neutral-100)}.bg-neutral-300{background-color:var(--neutral-300)}.bg-primary-500{background-color:var(--primary-500)}.bg-primary-200{background-color:var(--primary-100)}.bg-secondary-500{background-color:var(--secondary-500)}.bg-accent-500{background-color:var(--accent-500)}.bg-success-500{background-color:var(--success-500)}.bg-white{background-color:#fff}.bg-blue-50{background-color:#eff6ff}.border{border-width:1px}.border-primary-200{border-color:var(--primary-100)}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.divide-y>*+*{border-top-width:1px}.divide-neutral-100>*+*{border-top-color:var(--neutral-100)}.shadow-card{box-shadow:0 2px 8px #00000014}.transition-colors{transition-property:color,background-color,border-color;transition-duration:.15s}.transition-transform{transition-property:transform;transition-duration:.2s}.hover\:text-primary-600:hover{color:var(--primary-600)}.hover\:text-primary-700:hover{color:var(--primary-700)}.hover\:-translate-y-1:hover{transform:translateY(-.25rem)}.card{background-color:#fff;border-radius:.75rem;box-shadow:0 2px 8px #00000014;padding:1.5rem}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-primary-600{--tw-gradient-from: var(--primary-600);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)}.to-primary-500{--tw-gradient-to: var(--primary-500)}.from-secondary-600{--tw-gradient-from: var(--secondary-600);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)}.to-secondary-500{--tw-gradient-to: var(--secondary-500)}.from-accent-600{--tw-gradient-from: var(--accent-600);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)}.to-accent-500{--tw-gradient-to: var(--accent-500)}@media (min-width: 768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}}