تسجيل الدخول
}
.discord-auth-btn:hover {
background: #4752c4;
transform: translateY(-1px);
}
.auth-notification-box {
padding: 8px 12px;
border-radius: 6px;
font-size: 11px;
margin-bottom: 15px;
display: none;
text-align: right;
}
.auth-notification-box.error {
display: block;
background: rgba(239, 68, 68, 0.1);
border: 1px solid rgba(239, 68, 68, 0.2);
color: #ef4444;
}
.auth-notification-box.success {
display: block;
background: rgba(16, 185, 129, 0.1);
border: 1px solid rgba(16, 185, 129, 0.2);
color: #10b981;
}
.auth-loading-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(13, 14, 23, 0.75);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
display: flex;
justify-content: center;
align-items: center;
z-index: 1000;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
}
.auth-loading-overlay.active {
opacity: 1;
pointer-events: auto;
}
.auth-spinner-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}
.auth-custom-spinner {
width: 40px;
height: 40px;
border: 3px solid rgba(6, 182, 212, 0.1);
border-radius: 50%;
border-top-color: #06b6d4;
border-right-color: #8b5cf6;
animation: spin 0.8s linear infinite;
}
.auth-spinner-text {
color: #ffffff;
font-size: 13px;
font-weight: 700;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
