.theme-light{--color-background:#ffffff;--color-surface:#f8fafc;--color-text:#111827;--color-text-muted:#6b7280;--color-border:#e5e7eb}.theme-dark{--color-background:#0f172a;--color-surface:#1e293b;--color-text:#f1f5f9;--color-text-muted:#94a3b8;--color-border:#334155}.btn-primary{background-color:#6366f1;color:white;padding:.75rem 1.5rem;border-radius:9999px;font-weight:500;transition:all .2s ease;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn-primary:hover{background-color:#4f46e5}.btn-primary:focus{outline:none;box-shadow:0 0 0 2px #6366f1,0 0 0 4px rgba(99,102,241,.1)}.btn-secondary{background-color:#f3f4f6;color:#111827;padding:.75rem 1.5rem;border-radius:9999px;font-weight:500;transition:all .2s ease;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn-secondary:hover{background-color:#e5e7eb}.btn-secondary:focus{outline:none;box-shadow:0 0 0 2px #6b7280,0 0 0 4px rgba(107,114,128,.1)}.btn-outline{background-color:transparent;color:#6366f1;padding:.75rem 1.5rem;border-radius:9999px;font-weight:500;transition:all .2s ease;border:2px solid #6366f1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn-outline:hover{background-color:#6366f1;color:white}.btn-outline:focus{outline:none;box-shadow:0 0 0 2px #6366f1,0 0 0 4px rgba(99,102,241,.1)}.card{background-color:white;border-radius:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);transition:box-shadow .3s ease}.card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.card-dark{background-color:#1f2937;border-radius:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);transition:box-shadow .3s ease}.card-dark:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;transition:all .2s ease;background-color:white}.input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px rgba(99,102,241,.1)}.textarea{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;transition:all .2s ease;background-color:white;resize:none}.textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px rgba(99,102,241,.1)}.section-padding{padding:4rem 0}@media (min-width:768px){.section-padding{padding:6rem 0}}.section-padding-sm{padding:3rem 0}@media (min-width:768px){.section-padding-sm{padding:4rem 0}}.section-padding-lg{padding:5rem 0}@media (min-width:768px){.section-padding-lg{padding:8rem 0}}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.grid-auto-fill{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.text-responsive-xl{font-size:1.875rem;line-height:2.25rem}@media (min-width:768px){.text-responsive-xl{font-size:2.25rem;line-height:2.5rem}}@media (min-width:1024px){.text-responsive-xl{font-size:3rem;line-height:1}}.text-responsive-lg{font-size:1.5rem;line-height:2rem}@media (min-width:768px){.text-responsive-lg{font-size:1.875rem;line-height:2.25rem}}@media (min-width:1024px){.text-responsive-lg{font-size:2.25rem;line-height:2.5rem}}.text-responsive-md{font-size:1.125rem;line-height:1.75rem}@media (min-width:768px){.text-responsive-md{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.text-responsive-md{font-size:1.5rem;line-height:2rem}}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}