body {
            background-color: #f8f9fa;
        }
        
        /* Centers the form for auth page */
        .auth-card {
            border: none;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(140, 0, 1, 0.1);
            padding: 40px;
            background-color: #ffffff;
            border-top: 5px solid #8c0001;
        }

        
        .icon-circle {
            width: 70px; 
            height: 70px;
            border-radius: 50%;
            background-color: #8c0001;
            display: flex; 
            align-items: center; 
            justify-content: center;
            margin: 0 auto 20px;
            color: white;
            font-size: 1.5rem;
            box-shadow: 0 4px 10px rgba(140, 0, 1, 0.2);
        }

        
        .btn-custom {
            background-color: #8c0001; 
            color: white; 
            border-radius: 50px;
            padding: 12px 30px; 
            font-weight: 600;
            transition: all 0.3s ease;
        }

        .btn-custom:hover {
            background-color: #6d0001; 
            color: white;
            transform: translateY(-2px);
            box-shadow: 0 4px 10px rgba(109, 0, 1, 0.2);
        }

        .back-link {
            color: #8c0001;
            font-weight: 600;
            text-decoration: none;
            transition: color 0.3s ease;
        }

        .back-link:hover {
            color: #6d0001;
            text-decoration: underline;
        }

       
        .form-control:focus {
            border-color: #8c0001;
            box-shadow: 0 0 0 0.25rem rgba(140, 0, 1, 0.25);
        }