body {
            font-family: 'Inter', sans-serif; /* Usando Inter para um toque mais moderno, se disponível */
            background: linear-gradient(135deg, #1f2937 0%, #374151 100%); /* Gradiente escuro e moderno */
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            color: #d1d5db;
        }
        .login-card {
            background-color: rgba(255, 255, 255, 0.08); /* Fundo translúcido */
            backdrop-filter: blur(10px); /* Efeito de vidro fosco */
            border: 1px solid rgba(255, 255, 255, 0.15); /* Borda suave */
        }
        .input-field {
            background-color: rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.2);
            color: #e5e7eb;
        }
        .input-field::placeholder {
            color: #9ca3af;
        }
        .input-field:focus {
            background-color: rgba(255, 255, 255, 0.15);
            border-color: #3b82f6; /* Azul do Tailwind */
            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.5);
            outline: none;
        }