body {
      background: linear-gradient(135deg, #ebeaea, #fdfdfd);
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'Ubuntu', sans-serif;
    }
    .login-card {
      background: #fff;
      border-radius: 20px;
      padding: 40px;
      box-shadow: 0 10px 25px rgba(0,0,0,0.2);
      max-width: 400px;
      width: 100%;
      animation: fadeIn 0.8s ease-in-out;
    }
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(20px); }
      to { opacity: 1; transform: translateY(0); }
    }
    .btn-custom {
      background: #4f46e5;
      color: white;
      transition: 0.3s;
    }
    .btn-custom:hover {
      background: #3b82f6;
    }

    input, select, button{
    font-size:16px; /* evita zoom automático no mobile */
}

.mobile-card{
    background:#fff;
    border-radius:12px;
    padding:15px;
    margin-bottom:15px;
    box-shadow:0 6px 14px rgba(0,0,0,.08);
}