body {
    background: linear-gradient(135deg, #f1f1f1 0%, #b2b2b2 100%);
    transition: background 0.6s ease, color 0.6s ease;
}

.dark body {
    background: linear-gradient(135deg, #1b1b1b 0%, #393939 100%);
}

.glass {
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: background 0.4s ease, border 0.4s ease;
}

.dark .glass {
    background: rgba(241, 241, 241, 0.15);
    border: 1px solid rgba(224, 224, 224, 0.1);
}

.input-field {
    transition: all 0.3s ease;
}

.input-field:focus {
    border-color: #d0ac61 !important;
    box-shadow: 0 0 0 2px rgba(208, 172, 97, 0.3);
}

.theme-toggle {
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer;
    font-size: 1.4rem;
}

/* @media (max-width: 1400px) {
    html {
        transform: scale(0.9);
        transform-origin: top center;
    }
}

@media (max-width: 1366px) {
    html {
        transform: scale(0.85);
        transform-origin: top center;
    }
} */