body {
    font-family: 'Inter', sans-serif;
    height: 100vh;
    overflow-x: hidden;
}

/* The Right Side Gradient */
.bg-gradient-custom {
    /* Approximate match for the purple-to-green gradient */
    background: linear-gradient(135deg, #c471ed 0%, #a88beb 20%, #7bed9f 100%);
}

/* Custom Input Styling to match the image */
.custom-input {
    background-color: #f3f4f6; /* Light gray */
    border: 1px solid #ced4da;
    border-radius: 8px; /* Softer corners */
    padding: 12px 15px;
}

.custom-input:focus {
    background-color: #ffffff;
    border-color: #a88beb;
    box-shadow: 0 0 0 3px rgba(168, 139, 235, 0.25);
}

.btn-custom {
    background-color: #2d2d2d;
    border: none;
    padding: 10px 24px;
    border-radius: 8px;
    font-weight: 500;
}

.btn-custom:hover {
    background-color: #000000;
}

/* Link styling */
.forgot-link {
    color: #6c757d;
    text-decoration: underline;
    font-size: 0.9rem;
}