body {
    background:
        linear-gradient(rgba(102, 126, 234, 0.85), rgba(118, 75, 162, 0.85)),
        url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2072&q=80') no-repeat center center fixed;
    background-size: cover;
    min-height: 100vh;
    margin: 0;
    padding: 20px;
    color: #333;
}

.login-container {
    display: block;
    max-width: 400px;
    margin: 60px auto;
    background: linear-gradient(130deg, #ffffff, #f3e7e9);
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 8px 20px rgba(20, 237, 204, 0.686);
    transition: 0.3s;
}

.login-container:hover {
    transform: translateY(-10px);
}

.login-container h2 {
    text-align: center;
    margin-bottom: 15px;
    font-weight: 600;
    font-family: 'Times New Roman', Times, serif;
    color: #4a4a4a;
}

.welcome-text {
    text-align: center;
    margin-bottom: 20px;
    color: #666;
    font-family: 'Times New Roman', Times, serif;
}

.links-container {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}

.error-message {
    color: red;
    margin-top: 10px;
    text-align: center;
    display: none;
}