body {
    background:
        radial-gradient(circle at 5% 5%, rgba(14, 116, 144, 0.2), transparent 40%),
        radial-gradient(circle at 95% 10%, rgba(22, 163, 74, 0.2), transparent 38%),
        linear-gradient(180deg, #f0fdfa 0%, #ecfeff 45%, #f8fafc 100%);
}

.glass-card {
    backdrop-filter: blur(8px);
    background: rgba(255, 255, 255, 0.86);
}

.field {
    border: 1px solid #d1d5db;
    border-radius: 0.7rem;
    padding: 0.55rem 0.75rem;
    width: 100%;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.field:focus {
    border-color: #0891b2;
    box-shadow: 0 0 0 3px rgba(8, 145, 178, 0.15);
}

.nav-overlay {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
}

.nav-overlay.open {
    opacity: 1;
    pointer-events: auto;
}

.nav-drawer {
    transform: translateX(100%);
    transition: transform 0.28s ease;
}

.nav-drawer.open {
    transform: translateX(0);
}

@media (min-width: 768px) {
    .nav-drawer {
        transform: translateX(0) !important;
    }

    .nav-overlay {
        display: none !important;
    }
}