/* Auth Pages Theme - Login/Register with background.gif */

body.login-page,
body.register-page {
    background: url('/background.gif') no-repeat center center fixed !important;
    background-size: cover !important;
    min-height: 100vh;
}

/* Add dark overlay for better readability */
body.login-page::before,
body.register-page::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(10, 14, 26, 0.7);
    z-index: 0;
}

.login-box,
.register-box {
    position: relative;
    z-index: 1;
}

/* Auth card styling */
.login-card-body,
.register-card-body,
.card-body {
    background: rgba(13, 21, 37, 0.95) !important;
    backdrop-filter: blur(10px);
}

.login-box .card,
.register-box .card {
    background: rgba(13, 21, 37, 0.95) !important;
    border: 1px solid rgba(0, 229, 255, 0.3) !important;
    box-shadow: 0 0 30px rgba(0, 229, 255, 0.2),
                0 0 60px rgba(0, 229, 255, 0.1) !important;
    backdrop-filter: blur(10px);
}

.login-box .card.card-outline.card-primary,
.register-box .card.card-outline.card-primary {
    border-top: 3px solid #00e5ff !important;
}

/* Logo styling */
.login-logo a,
.register-logo a {
    color: #00e5ff !important;
    text-shadow: 0 0 20px rgba(0, 229, 255, 0.5);
    font-weight: bold;
}

.login-logo b,
.register-logo b {
    color: #00ffff !important;
}

/* Form inputs */
.login-card-body .input-group .form-control,
.register-card-body .input-group .form-control {
    background: rgba(10, 14, 26, 0.8) !important;
    border: 1px solid rgba(0, 229, 255, 0.3) !important;
    color: #e0e0e0 !important;
}

.login-card-body .input-group .form-control:focus,
.register-card-body .input-group .form-control:focus {
    background: rgba(10, 14, 26, 0.95) !important;
    border-color: #00e5ff !important;
    box-shadow: 0 0 15px rgba(0, 229, 255, 0.4) !important;
}

.login-card-body .input-group .form-control::placeholder,
.register-card-body .input-group .form-control::placeholder {
    color: #90a4ae !important;
}

/* Input group icons */
.login-card-body .input-group-text,
.register-card-body .input-group-text {
    background: rgba(0, 229, 255, 0.15) !important;
    border: 1px solid rgba(0, 229, 255, 0.3) !important;
    color: #00e5ff !important;
}

/* Submit button */
.login-card-body .btn-primary,
.register-card-body .btn-primary {
    background: linear-gradient(135deg, #0d47a1 0%, #1565c0 50%, #1976d2 100%) !important;
    border: 1px solid rgba(0, 229, 255, 0.5) !important;
    box-shadow: 0 0 15px rgba(0, 229, 255, 0.3) !important;
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

.login-card-body .btn-primary:hover,
.register-card-body .btn-primary:hover {
    background: linear-gradient(135deg, #1565c0 0%, #1976d2 50%, #2196f3 100%) !important;
    box-shadow: 0 0 25px rgba(0, 229, 255, 0.5) !important;
    transform: translateY(-2px);
}

/* Links */
.login-card-body a,
.register-card-body a {
    color: #00e5ff !important;
}

.login-card-body a:hover,
.register-card-body a:hover {
    color: #00ffff !important;
    text-shadow: 0 0 10px rgba(0, 229, 255, 0.5);
}

/* Remember me checkbox */
.login-card-body .icheck-primary label,
.register-card-body .icheck-primary label {
    color: #e0e0e0 !important;
}

/* Social login buttons */
.login-card-body .btn-default,
.register-card-body .btn-default {
    background: rgba(0, 229, 255, 0.1) !important;
    border: 1px solid rgba(0, 229, 255, 0.3) !important;
    color: #e0e0e0 !important;
}

.login-card-body .btn-default:hover,
.register-card-body .btn-default:hover {
    background: rgba(0, 229, 255, 0.2) !important;
    color: #00e5ff !important;
}

/* Divider */
.login-card-body hr,
.register-card-body hr {
    border-color: rgba(0, 229, 255, 0.2) !important;
}

/* Message text */
.login-box-msg,
.register-box-msg {
    color: #90a4ae !important;
}

/* Preloader override for auth pages */
.preloader {
    background: #0a0e1a !important;
}

.preloader .animation__shake {
    filter: drop-shadow(0 0 10px rgba(0, 229, 255, 0.5));
}

/* Password toggle icon if present */
.login-card-body .fa-eye,
.login-card-body .fa-eye-slash,
.register-card-body .fa-eye,
.register-card-body .fa-eye-slash {
    color: #00e5ff !important;
}

/* Error messages */
.login-card-body .invalid-feedback,
.register-card-body .invalid-feedback {
    color: #ff5252 !important;
}

.login-card-body .form-control.is-invalid,
.register-card-body .form-control.is-invalid {
    border-color: #ff5252 !important;
}

/* Alert messages */
.login-card-body .alert,
.register-card-body .alert {
    background: rgba(13, 21, 37, 0.9) !important;
    border: 1px solid rgba(0, 229, 255, 0.3) !important;
}

.login-card-body .alert-success,
.register-card-body .alert-success {
    border-color: #00897b !important;
    color: #80cbc4 !important;
}

.login-card-body .alert-danger,
.register-card-body .alert-danger {
    border-color: #ff5252 !important;
    color: #ff8a80 !important;
}