*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#faf9f8;color:#323130}#root{min-height:100vh}html{scroll-behavior:smooth}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #8b4789;outline-offset:2px}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.error-message{padding:20px;background-color:#fde7e9;color:#a4262c;border-radius:8px;margin:20px 0}.success-message{padding:20px;background-color:#dff6dd;color:#107c10;border-radius:8px;margin:20px 0}.container{max-width:1200px;margin:0 auto;padding:0 20px}.container-narrow{max-width:800px;margin:0 auto;padding:0 20px}.grid{display:grid;gap:24px}.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: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.container,.container-narrow{padding:0 16px}}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mt-5{margin-top:48px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mb-5{margin-bottom:48px}.py-1{padding-top:8px;padding-bottom:8px}.py-2{padding-top:16px;padding-bottom:16px}.py-3{padding-top:24px;padding-bottom:24px}.py-4{padding-top:32px;padding-bottom:32px}.py-5{padding-top:48px;padding-bottom:48px}.text-center{text-align:center}.text-right{text-align:right}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-in}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.slide-in{animation:slideIn .3s ease-out}