/* Custom CSS adjustments */
body {
    font-family: system-ui, sans-serif;
    background: linear-gradient(135deg, #e0f7ff 0%, #c7ecff 40%, #a7ddff 100%);
    color: #0f172a;
}

.max-width-md {
    max-width: 750px;
}

.card {
    backdrop-filter: blur(8px);
    transition:
        transform 0.2s ease,
        border-color 0.2s ease;
}

.card:hover {
    transform: translateY(-4px);
    border-color: #0dcaf0 !important;
}

.transition {
    transition: all 0.2s ease-in-out;
}