body { background: #f8f9fa; font-family: ui-sans-serif, system-ui, sans-serif; display: flex; align-items: center; justify-content: center; height: 100vh; margin: 0; color: #333; }
.content { text-align: center; }
.loader { border: 4px solid #e9ecef; border-top: 4px solid #0d6efd; border-radius: 50%; width: 50px; height: 50px; animation: spin 0.8s linear infinite; margin: 0 auto 20px auto; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.text { font-size: 1.1rem; font-weight: 500;}