body {
    background: linear-gradient(135deg, #f0f4f8, #d9e2ec);
    font-family: 'Segoe UI', sans-serif;
}

.auth-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 2rem;
}

.auth-card {
    background: #fff;
    padding: 2rem;
    border-radius: 0.75rem;
    max-width: 600px;
    width: 100%;
}

    .auth-card h2 {
        font-weight: 600;
        color: #333;
    }

.input-group-text {
    background-color: #e9ecef;
    border-right: 0;
}

.form-control {
    border-left: 0;
}

.btn {
    font-weight: 500;
}