.popdigital-loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, #16191e 0%, #1a1f2a 100%);
display: flex;
justify-content: center;
align-items: center;
z-index: 999999;
transition: opacity 0.6s ease-out, visibility 0.6s ease-out;
opacity: 1;
visibility: visible;
}

.popdigital-loader.hidden {
opacity: 0;
visibility: hidden;
}

.loader-content {
text-align: center;
}

.loader-logo {
margin-bottom: 30px;
animation: fadeInDown 0.6s ease-out;
}

.loader-spinner {
margin-bottom: 20px;
}

.spinner {
width: 50px;
height: 50px;
border: 4px solid rgba(212, 78, 235, 0.2);
border-top: 4px solid #d74eeb;
border-radius: 50%;
animation: spin 1s linear infinite;
margin: 0 auto;
}

.loader-text {
color: #d74eeb;
font-family: "Sora", Arial, sans-serif;
font-size: 16px;
font-weight: 600;
margin: 0;
letter-spacing: 1px;
animation: fadeInUp 0.8s ease-out;
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

@keyframes fadeInDown {
from { opacity: 0; transform: translateY(-20px); }
to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeInUp {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}