/* Auth Pages Dark Theme */
:root {
    --blue: #58a6ff;
    --dark-blue: #0d1117;
    --darker-blue: #010409;
    --light-blue: rgba(88, 166, 255, 0.1);
}

body.bg-auth {
    background: linear-gradient(45deg, var(--darker-blue), var(--dark-blue));
    min-height: 100vh;
}

.auth-card {
    background: rgba(13, 17, 23, 0.8) !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(88, 166, 255, 0.1) !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
}

.auth-input {
    background: rgba(13, 17, 23, 0.6) !important;
    border: 1px solid rgba(88, 166, 255, 0.2) !important;
    color: #fff !important;
    transition: all 0.3s ease;
}

.auth-input:focus {
    border-color: var(--blue) !important;
    box-shadow: 0 0 0 2px rgba(88, 166, 255, 0.2) !important;
    background: rgba(13, 17, 23, 0.8) !important;
}

.auth-input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.auth-btn {
    background: rgba(88, 166, 255, 0.2) !important;
    border: 1px solid rgba(88, 166, 255, 0.3) !important;
    color: #fff !important;
    transition: all 0.3s ease;
}

.auth-btn:hover {
    background: rgba(88, 166, 255, 0.3) !important;
    border-color: rgba(88, 166, 255, 0.4) !important;
    transform: translateY(-1px);
}

.auth-btn.btn-glow {
    box-shadow: 0 0 15px rgba(88, 166, 255, 0.3);
}

.auth-link {
    color: var(--blue) !important;
    transition: all 0.3s ease;
}

.auth-link:hover {
    text-shadow: 0 0 8px rgba(88, 166, 255, 0.5);
}

.auth-checkbox {
    accent-color: var(--blue);
}

.auth-divider {
    border-color: rgba(88, 166, 255, 0.2);
}

.auth-logo {
    filter: drop-shadow(0 0 8px rgba(88, 166, 255, 0.3));
}

.glow-text {
    text-shadow: 0 0 10px rgba(88, 166, 255, 0.5);
}

.hover-scale {
    transition: transform 0.3s ease;
}

.hover-scale:hover {
    transform: scale(1.05);
}