.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;flex-direction:column}.loading-spinner{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{opacity:0;animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}