:root{--color-primary-50: #e6f5ff;--color-primary-100: #bfe3ff;--color-primary-200: #94cfff;--color-primary-300: #68b6ff;--color-primary-400: #3b9cff;--color-primary-500: #1a83ff;--color-primary-600: #0066e2;--color-primary-700: #0050b5;--color-primary-800: #00398a;--color-primary-900: #001a42;--color-secondary-50: #e7f9f9;--color-secondary-100: #c2f0f0;--color-secondary-200: #99e6e6;--color-secondary-300: #5fd8d8;--color-secondary-400: #2ec7c7;--color-secondary-500: #2c7a7b;--color-secondary-600: #266c6d;--color-secondary-700: #1d5151;--color-secondary-800: #133636;--color-secondary-900: #091a1a;--color-accent-50: #fef9e7;--color-accent-100: #fdf0c4;--color-accent-200: #fbe592;--color-accent-300: #f9d65e;--color-accent-400: #f6c730;--color-accent-500: #d69e2e;--color-accent-600: #b78e20;--color-accent-700: #8e6d18;--color-accent-800: #624b10;--color-accent-900: #352808;--color-success-50: #f0fdf4;--color-success-100: #dcfce7;--color-success-200: #bbf7d0;--color-success-300: #86efac;--color-success-400: #4ade80;--color-success-500: #38a169;--color-success-600: #16a34a;--color-success-700: #15803d;--color-success-800: #166534;--color-success-900: #14532d;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-200: #fde68a;--color-warning-300: #fcd34d;--color-warning-400: #fbbf24;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-warning-800: #92400e;--color-warning-900: #78350f;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-200: #fecaca;--color-error-300: #fca5a5;--color-error-400: #f87171;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-error-800: #991b1b;--color-error-900: #7f1d1d;--color-neutral-50: #f9fafb;--color-neutral-100: #f3f4f6;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--color-neutral-900: #111827;--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 1s}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;font-family:var(--font-family);font-size:16px;line-height:1.5;color:var(--color-neutral-900);background-color:var(--color-neutral-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:600;margin-bottom:var(--space-4);color:var(--color-neutral-900)}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:var(--space-4)}a{color:var(--color-primary-600);text-decoration:none;transition:color var(--duration-150) ease-in-out}a:hover{color:var(--color-primary-700);text-decoration:underline}button,.button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-weight:500;font-size:1rem;line-height:1.5;cursor:pointer;transition:all var(--duration-150) ease-in-out;border:none}.button-primary{background-color:var(--color-primary-600);color:#fff}.button-primary:hover{background-color:var(--color-primary-700)}.button-secondary{background-color:var(--color-secondary-600);color:#fff}.button-secondary:hover{background-color:var(--color-secondary-700)}.button-accent{background-color:var(--color-accent-500);color:#fff}.button-accent:hover{background-color:var(--color-accent-600)}.button-outline{background-color:transparent;border:1px solid var(--color-neutral-300);color:var(--color-neutral-700)}.button-outline:hover{border-color:var(--color-neutral-400);background-color:var(--color-neutral-50)}.input-group{margin-bottom:var(--space-4)}.input-label{display:block;font-weight:500;margin-bottom:var(--space-2);color:var(--color-neutral-700)}.input{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-neutral-300);font-size:1rem;line-height:1.5;transition:border-color var(--duration-150) ease-in-out,box-shadow var(--duration-150) ease-in-out}.input:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 3px #3b82f633}.input.input-error{border-color:var(--color-error-500)}.input.input-error:focus{box-shadow:0 0 0 3px #dc262633}.error-message{color:var(--color-error-600);font-size:.875rem;margin-top:var(--space-1)}.card{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);margin-bottom:var(--space-6);transition:transform var(--duration-300) ease-in-out,box-shadow var(--duration-300) ease-in-out}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.fade-in{animation:fadeIn var(--duration-300) ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp var(--duration-300) ease-in-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.container{padding:0 var(--space-3)}h1{font-size:1.875rem}h2{font-size:1.5rem}.card{padding:var(--space-4)}}.text-center{text-align:center}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mx-auto{margin-left:auto;margin-right:auto}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width: 768px){.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.w-full{width:100%}.h-full{height:100%}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.overflow-hidden{overflow:hidden}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}